#E9FDF3 - #CFEFEC | 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 #E9FDF3 a #CFEFEC

#E9FDF3 #CFEFEC

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

#E9FDF3 - #CFEFEC | 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 #E9FDF3 como 0% y #CFEFEC como 100%.

0.0%	0.0% #E9FDF3	RGB 233 253 243	#E9FDF3
16.7%	16.7% #E4FAF1	RGB 228 250 241	#E4FAF1
33.3%	33.3% #E0F8F0	RGB 224 248 240	#E0F8F0
50.0%	50.0% #DCF6EF	RGB 220 246 239	#DCF6EF
66.7%	66.7% #D7F3EE	RGB 215 243 238	#D7F3EE
83.3%	83.3% #D3F1ED	RGB 211 241 237	#D3F1ED
100.0%	100.0% #CFEFEC	RGB 207 239 236	#CFEFEC

#E9FDF3 #E4FAF1 #E0F8F0 #DCF6EF #D7F3EE #D3F1ED #CFEFEC

#E9FDF3 - #CFEFEC

Mezcla HSV

#E9FDF3 - #CFEFEC | 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 #E9FDF3 como 0% y #CFEFEC como 100%.

0.0%	0.0% #E9FDF3	RGB 233 253 243	#E9FDF3
16.7%	16.7% #E4FAF1	RGB 228 250 241	#E4FAF1
33.3%	33.3% #E0F8EF	RGB 224 248 239	#E0F8EF
50.0%	50.0% #DBF6EE	RGB 219 246 238	#DBF6EE
66.7%	66.7% #D7F3ED	RGB 215 243 237	#D7F3ED
83.3%	83.3% #D3F1EC	RGB 211 241 236	#D3F1EC
100.0%	100.0% #CFEFEC	RGB 207 239 236	#CFEFEC

#E9FDF3 #E4FAF1 #E0F8EF #DBF6EE #D7F3ED #D3F1EC #CFEFEC

#E9FDF3 - #DBF6EE - #CFEFEC

Códigos CSS

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

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