#CCE5E5 - #CBE7D4 | 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 #CCE5E5 a #CBE7D4

#CCE5E5 #CBE7D4

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

#CCE5E5 - #CBE7D4 | 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 #CCE5E5 como 0% y #CBE7D4 como 100%.

0.0%	0.0% #CCE5E5	RGB 204 229 229	#CCE5E5
16.7%	16.7% #CBE5E2	RGB 203 229 226	#CBE5E2
33.3%	33.3% #CBE5DF	RGB 203 229 223	#CBE5DF
50.0%	50.0% #CBE6DC	RGB 203 230 220	#CBE6DC
66.7%	66.7% #CBE6D9	RGB 203 230 217	#CBE6D9
83.3%	83.3% #CBE6D6	RGB 203 230 214	#CBE6D6
100.0%	100.0% #CBE7D4	RGB 203 231 212	#CBE7D4

#CCE5E5 #CBE5E2 #CBE5DF #CBE6DC #CBE6D9 #CBE6D6 #CBE7D4

#CCE5E5 - #CBE7D4

Mezcla HSV

#CCE5E5 - #CBE7D4 | 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 #CCE5E5 como 0% y #CBE7D4 como 100%.

0.0%	0.0% #CCE5E5	RGB 204 229 229	#CCE5E5
16.7%	16.7% #CBE5E2	RGB 203 229 226	#CBE5E2
33.3%	33.3% #CBE5DF	RGB 203 229 223	#CBE5DF
50.0%	50.0% #CBE6DD	RGB 203 230 221	#CBE6DD
66.7%	66.7% #CBE6DA	RGB 203 230 218	#CBE6DA
83.3%	83.3% #CBE6D7	RGB 203 230 215	#CBE6D7
100.0%	100.0% #CBE7D4	RGB 203 231 212	#CBE7D4

#CCE5E5 #CBE5E2 #CBE5DF #CBE6DD #CBE6DA #CBE6D7 #CBE7D4

#CCE5E5 - #CBE6DD - #CBE7D4

Códigos CSS

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

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