#CCE5E6 - #F0EBED | 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 #CCE5E6 a #F0EBED

#CCE5E6 #F0EBED

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

#CCE5E6 - #F0EBED | 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 #CCE5E6 como 0% y #F0EBED como 100%.

0.0%	0.0% #CCE5E6	RGB 204 229 230	#CCE5E6
16.7%	16.7% #D2E6E7	RGB 210 230 231	#D2E6E7
33.3%	33.3% #D8E7E8	RGB 216 231 232	#D8E7E8
50.0%	50.0% #DEE8E9	RGB 222 232 233	#DEE8E9
66.7%	66.7% #E4E9EA	RGB 228 233 234	#E4E9EA
83.3%	83.3% #EAEAEB	RGB 234 234 235	#EAEAEB
100.0%	100.0% #F0EBED	RGB 240 235 237	#F0EBED

#CCE5E6 #D2E6E7 #D8E7E8 #DEE8E9 #E4E9EA #EAEAEB #F0EBED

#CCE5E6 - #F0EBED

Mezcla HSV

#CCE5E6 - #F0EBED | 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 #CCE5E6 como 0% y #F0EBED como 100%.

0.0%	0.0% #CCE5E6	RGB 204 229 230	#CCE5E6
16.7%	16.7% #D1DDE7	RGB 209 221 231	#D1DDE7
33.3%	33.3% #D6D8E9	RGB 214 216 233	#D6D8E9
50.0%	50.0% #E0DBEB	RGB 224 219 235	#E0DBEB
66.7%	66.7% #E9E0EC	RGB 233 224 236	#E9E0EC
83.3%	83.3% #EEE5EC	RGB 238 229 236	#EEE5EC
100.0%	100.0% #F0EBED	RGB 240 235 237	#F0EBED

#CCE5E6 #D1DDE7 #D6D8E9 #E0DBEB #E9E0EC #EEE5EC #F0EBED

#CCE5E6 - #E0DBEB - #F0EBED

Códigos CSS

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

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