#C8CECC - #CDE3C5 | 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 #C8CECC a #CDE3C5

#C8CECC #CDE3C5

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

#C8CECC - #CDE3C5 | 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 #C8CECC como 0% y #CDE3C5 como 100%.

0.0%	0.0% #C8CECC	RGB 200 206 204	#C8CECC
16.7%	16.7% #C8D1CA	RGB 200 209 202	#C8D1CA
33.3%	33.3% #C9D5C9	RGB 201 213 201	#C9D5C9
50.0%	50.0% #CAD8C8	RGB 202 216 200	#CAD8C8
66.7%	66.7% #CBDCC7	RGB 203 220 199	#CBDCC7
83.3%	83.3% #CCDFC6	RGB 204 223 198	#CCDFC6
100.0%	100.0% #CDE3C5	RGB 205 227 197	#CDE3C5

#C8CECC #C8D1CA #C9D5C9 #CAD8C8 #CBDCC7 #CCDFC6 #CDE3C5

#C8CECC - #CDE3C5

Mezcla HSV

#C8CECC - #CDE3C5 | 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 #C8CECC como 0% y #CDE3C5 como 100%.

0.0%	0.0% #C8CECC	RGB 200 206 204	#C8CECC
16.7%	16.7% #C7D1CC	RGB 199 209 204	#C7D1CC
33.3%	33.3% #C7D5CC	RGB 199 213 204	#C7D5CC
50.0%	50.0% #C7D8CA	RGB 199 216 202	#C7D8CA
66.7%	66.7% #C6DCC7	RGB 198 220 199	#C6DCC7
83.3%	83.3% #C8DFC5	RGB 200 223 197	#C8DFC5
100.0%	100.0% #CDE3C5	RGB 205 227 197	#CDE3C5

#C8CECC #C7D1CC #C7D5CC #C7D8CA #C6DCC7 #C8DFC5 #CDE3C5

#C8CECC - #C7D8CA - #CDE3C5

Códigos CSS

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

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