#C8CECD - #D5E6FF | 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 #C8CECD a #D5E6FF

#C8CECD #D5E6FF

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

#C8CECD - #D5E6FF | 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 #C8CECD como 0% y #D5E6FF como 100%.

0.0%	0.0% #C8CECD	RGB 200 206 205	#C8CECD
16.7%	16.7% #CAD2D5	RGB 202 210 213	#CAD2D5
33.3%	33.3% #CCD6DD	RGB 204 214 221	#CCD6DD
50.0%	50.0% #CEDAE6	RGB 206 218 230	#CEDAE6
66.7%	66.7% #D0DEEE	RGB 208 222 238	#D0DEEE
83.3%	83.3% #D2E2F6	RGB 210 226 246	#D2E2F6
100.0%	100.0% #D5E6FF	RGB 213 230 255	#D5E6FF

#C8CECD #CAD2D5 #CCD6DD #CEDAE6 #D0DEEE #D2E2F6 #D5E6FF

#C8CECD - #D5E6FF

Mezcla HSV

#C8CECD - #D5E6FF | 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 #C8CECD como 0% y #D5E6FF como 100%.

0.0%	0.0% #C8CECD	RGB 200 206 205	#C8CECD
16.7%	16.7% #CBD6D5	RGB 203 214 213	#CBD6D5
33.3%	33.3% #CDDCDE	RGB 205 220 222	#CDDCDE
50.0%	50.0% #D0E1E6	RGB 208 225 230	#D0E1E6
66.7%	66.7% #D2E4EE	RGB 210 228 238	#D2E4EE
83.3%	83.3% #D3E6F6	RGB 211 230 246	#D3E6F6
100.0%	100.0% #D5E6FF	RGB 213 230 255	#D5E6FF

#C8CECD #CBD6D5 #CDDCDE #D0E1E6 #D2E4EE #D3E6F6 #D5E6FF

#C8CECD - #D0E1E6 - #D5E6FF

Códigos CSS

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

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