#CCD5E4 - #E3E6E6 | 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 #CCD5E4 a #E3E6E6

#CCD5E4 #E3E6E6

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

#CCD5E4 - #E3E6E6 | 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 #CCD5E4 como 0% y #E3E6E6 como 100%.

0.0%	0.0% #CCD5E4	RGB 204 213 228	#CCD5E4
16.7%	16.7% #CFD7E4	RGB 207 215 228	#CFD7E4
33.3%	33.3% #D3DAE4	RGB 211 218 228	#D3DAE4
50.0%	50.0% #D7DDE5	RGB 215 221 229	#D7DDE5
66.7%	66.7% #DBE0E5	RGB 219 224 229	#DBE0E5
83.3%	83.3% #DFE3E5	RGB 223 227 229	#DFE3E5
100.0%	100.0% #E3E6E6	RGB 227 230 230	#E3E6E6

#CCD5E4 #CFD7E4 #D3DAE4 #D7DDE5 #DBE0E5 #DFE3E5 #E3E6E6

#CCD5E4 - #E3E6E6

Mezcla HSV

#CCD5E4 - #E3E6E6 | 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 #CCD5E4 como 0% y #E3E6E6 como 100%.

0.0%	0.0% #CCD5E4	RGB 204 213 228	#CCD5E4
16.7%	16.7% #CFD9E4	RGB 207 217 228	#CFD9E4
33.3%	33.3% #D3DDE4	RGB 211 221 228	#D3DDE4
50.0%	50.0% #D7E0E5	RGB 215 224 229	#D7E0E5
66.7%	66.7% #DBE3E5	RGB 219 227 229	#DBE3E5
83.3%	83.3% #DFE4E5	RGB 223 228 229	#DFE4E5
100.0%	100.0% #E3E6E6	RGB 227 230 230	#E3E6E6

#CCD5E4 #CFD9E4 #D3DDE4 #D7E0E5 #DBE3E5 #DFE4E5 #E3E6E6

#CCD5E4 - #D7E0E5 - #E3E6E6

Códigos CSS

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

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