#E7F6EE - #CDEFE9 | 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 #E7F6EE a #CDEFE9

#E7F6EE #CDEFE9

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

#E7F6EE - #CDEFE9 | 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 #E7F6EE como 0% y #CDEFE9 como 100%.

0.0%	0.0% #E7F6EE	RGB 231 246 238	#E7F6EE
16.7%	16.7% #E2F4ED	RGB 226 244 237	#E2F4ED
33.3%	33.3% #DEF3EC	RGB 222 243 236	#DEF3EC
50.0%	50.0% #DAF2EB	RGB 218 242 235	#DAF2EB
66.7%	66.7% #D5F1EA	RGB 213 241 234	#D5F1EA
83.3%	83.3% #D1F0E9	RGB 209 240 233	#D1F0E9
100.0%	100.0% #CDEFE9	RGB 205 239 233	#CDEFE9

#E7F6EE #E2F4ED #DEF3EC #DAF2EB #D5F1EA #D1F0E9 #CDEFE9

#E7F6EE - #CDEFE9

Mezcla HSV

#E7F6EE - #CDEFE9 | 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 #E7F6EE como 0% y #CDEFE9 como 100%.

0.0%	0.0% #E7F6EE	RGB 231 246 238	#E7F6EE
16.7%	16.7% #E2F4EC	RGB 226 244 236	#E2F4EC
33.3%	33.3% #DEF3EA	RGB 222 243 234	#DEF3EA
50.0%	50.0% #D9F2E9	RGB 217 242 233	#D9F2E9
66.7%	66.7% #D5F1E9	RGB 213 241 233	#D5F1E9
83.3%	83.3% #D1F0E8	RGB 209 240 232	#D1F0E8
100.0%	100.0% #CDEFE9	RGB 205 239 233	#CDEFE9

#E7F6EE #E2F4EC #DEF3EA #D9F2E9 #D5F1E9 #D1F0E8 #CDEFE9

#E7F6EE - #D9F2E9 - #CDEFE9

Códigos CSS

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

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