#E0F3EE - #CCECE3 | 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 #E0F3EE a #CCECE3

#E0F3EE #CCECE3

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

#E0F3EE - #CCECE3 | 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 #E0F3EE como 0% y #CCECE3 como 100%.

0.0%	0.0% #E0F3EE	RGB 224 243 238	#E0F3EE
16.7%	16.7% #DCF1EC	RGB 220 241 236	#DCF1EC
33.3%	33.3% #D9F0EA	RGB 217 240 234	#D9F0EA
50.0%	50.0% #D6EFE8	RGB 214 239 232	#D6EFE8
66.7%	66.7% #D2EEE6	RGB 210 238 230	#D2EEE6
83.3%	83.3% #CFEDE4	RGB 207 237 228	#CFEDE4
100.0%	100.0% #CCECE3	RGB 204 236 227	#CCECE3

#E0F3EE #DCF1EC #D9F0EA #D6EFE8 #D2EEE6 #CFEDE4 #CCECE3

#E0F3EE - #CCECE3

Mezcla HSV

#E0F3EE - #CCECE3 | 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 #E0F3EE como 0% y #CCECE3 como 100%.

0.0%	0.0% #E0F3EE	RGB 224 243 238	#E0F3EE
16.7%	16.7% #DCF1EC	RGB 220 241 236	#DCF1EC
33.3%	33.3% #D9F0EA	RGB 217 240 234	#D9F0EA
50.0%	50.0% #D5EFE8	RGB 213 239 232	#D5EFE8
66.7%	66.7% #D2EEE6	RGB 210 238 230	#D2EEE6
83.3%	83.3% #CFEDE4	RGB 207 237 228	#CFEDE4
100.0%	100.0% #CCECE3	RGB 204 236 227	#CCECE3

#E0F3EE #DCF1EC #D9F0EA #D5EFE8 #D2EEE6 #CFEDE4 #CCECE3

#E0F3EE - #D5EFE8 - #CCECE3

Códigos CSS

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

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