#ABD2D2 - #CDE1C2 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #ABD2D2 a #CDE1C2

#ABD2D2 #CDE1C2

Calcule el color entre dos colores, #ABD2D2 y #CDE1C2. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#ABD2D2 - #CDE1C2 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ABD2D2 como 0% y #CDE1C2 como 100%.

0.0%	0.0% #ABD2D2	RGB 171 210 210	#ABD2D2
16.7%	16.7% #B0D4CF	RGB 176 212 207	#B0D4CF
33.3%	33.3% #B6D7CC	RGB 182 215 204	#B6D7CC
50.0%	50.0% #BCD9CA	RGB 188 217 202	#BCD9CA
66.7%	66.7% #C1DCC7	RGB 193 220 199	#C1DCC7
83.3%	83.3% #C7DEC4	RGB 199 222 196	#C7DEC4
100.0%	100.0% #CDE1C2	RGB 205 225 194	#CDE1C2

#ABD2D2 #B0D4CF #B6D7CC #BCD9CA #C1DCC7 #C7DEC4 #CDE1C2

#ABD2D2 - #CDE1C2

Mezcla HSV

#ABD2D2 - #CDE1C2 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ABD2D2 como 0% y #CDE1C2 como 100%.

0.0%	0.0% #ABD2D2	RGB 171 210 210	#ABD2D2
16.7%	16.7% #AED4CB	RGB 174 212 203	#AED4CB
33.3%	33.3% #B2D7C6	RGB 178 215 198	#B2D7C6
50.0%	50.0% #B6D9C1	RGB 182 217 193	#B6D9C1
66.7%	66.7% #BADCBD	RGB 186 220 189	#BADCBD
83.3%	83.3% #C2DEBE	RGB 194 222 190	#C2DEBE
100.0%	100.0% #CDE1C2	RGB 205 225 194	#CDE1C2

#ABD2D2 #AED4CB #B2D7C6 #B6D9C1 #BADCBD #C2DEBE #CDE1C2

#ABD2D2 - #B6D9C1 - #CDE1C2

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #ABD2D2 0%, #CDE1C2 100%);
    background: -webkit-linear-gradient(top, #ABD2D2 0%, #CDE1C2 100%);
    background: linear-gradient(to bottom, #ABD2D2 0%, #CDE1C2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABD2D2 0%, #B6D9C1 50%, #CDE1C2 100%);
    background: -webkit-linear-gradient(top, #ABD2D2 0%, #B6D9C1 50%, #CDE1C2 100%);
    background: linear-gradient(to bottom, #ABD2D2 0%, #B6D9C1 50%, #CDE1C2 100%);
}
</style>