#CACECE - #E2EEFF | 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 #CACECE a #E2EEFF

#CACECE #E2EEFF

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

#CACECE - #E2EEFF | 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 #CACECE como 0% y #E2EEFF como 100%.

0.0%	0.0% #CACECE	RGB 202 206 206	#CACECE
16.7%	16.7% #CED3D6	RGB 206 211 214	#CED3D6
33.3%	33.3% #D2D8DE	RGB 210 216 222	#D2D8DE
50.0%	50.0% #D6DEE6	RGB 214 222 230	#D6DEE6
66.7%	66.7% #DAE3EE	RGB 218 227 238	#DAE3EE
83.3%	83.3% #DEE8F6	RGB 222 232 246	#DEE8F6
100.0%	100.0% #E2EEFF	RGB 226 238 255	#E2EEFF

#CACECE #CED3D6 #D2D8DE #D6DEE6 #DAE3EE #DEE8F6 #E2EEFF

#CACECE - #E2EEFF

Mezcla HSV

#CACECE - #E2EEFF | 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 #CACECE como 0% y #E2EEFF como 100%.

0.0%	0.0% #CACECE	RGB 202 206 206	#CACECE
16.7%	16.7% #CED5D6	RGB 206 213 214	#CED5D6
33.3%	33.3% #D3DCDE	RGB 211 220 222	#D3DCDE
50.0%	50.0% #D7E2E6	RGB 215 226 230	#D7E2E6
66.7%	66.7% #DBE6EE	RGB 219 230 238	#DBE6EE
83.3%	83.3% #DEEBF6	RGB 222 235 246	#DEEBF6
100.0%	100.0% #E2EEFF	RGB 226 238 255	#E2EEFF

#CACECE #CED5D6 #D3DCDE #D7E2E6 #DBE6EE #DEEBF6 #E2EEFF

#CACECE - #D7E2E6 - #E2EEFF

Códigos CSS

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

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