#C9EEEE - #CEE6D7 | 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 #C9EEEE a #CEE6D7

#C9EEEE #CEE6D7

Calcule el color entre dos colores, #C9EEEE y #CEE6D7. 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)

#C9EEEE - #CEE6D7 | 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 #C9EEEE como 0% y #CEE6D7 como 100%.

0.0%	0.0% #C9EEEE	RGB 201 238 238	#C9EEEE
16.7%	16.7% #C9ECEA	RGB 201 236 234	#C9ECEA
33.3%	33.3% #CAEBE6	RGB 202 235 230	#CAEBE6
50.0%	50.0% #CBEAE2	RGB 203 234 226	#CBEAE2
66.7%	66.7% #CCE8DE	RGB 204 232 222	#CCE8DE
83.3%	83.3% #CDE7DA	RGB 205 231 218	#CDE7DA
100.0%	100.0% #CEE6D7	RGB 206 230 215	#CEE6D7

#C9EEEE #C9ECEA #CAEBE6 #CBEAE2 #CCE8DE #CDE7DA #CEE6D7

#C9EEEE - #CEE6D7

Mezcla HSV

#C9EEEE - #CEE6D7 | 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 #C9EEEE como 0% y #CEE6D7 como 100%.

0.0%	0.0% #C9EEEE	RGB 201 238 238	#C9EEEE
16.7%	16.7% #C9ECE9	RGB 201 236 233	#C9ECE9
33.3%	33.3% #CAEBE4	RGB 202 235 228	#CAEBE4
50.0%	50.0% #CBEAE0	RGB 203 234 224	#CBEAE0
66.7%	66.7% #CCE8DC	RGB 204 232 220	#CCE8DC
83.3%	83.3% #CDE7D9	RGB 205 231 217	#CDE7D9
100.0%	100.0% #CEE6D7	RGB 206 230 215	#CEE6D7

#C9EEEE #C9ECE9 #CAEBE4 #CBEAE0 #CCE8DC #CDE7D9 #CEE6D7

#C9EEEE - #CBEAE0 - #CEE6D7

Códigos CSS

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

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