#D5E5E9 - #F3F7F8 | 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 #D5E5E9 a #F3F7F8

#D5E5E9 #F3F7F8

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

#D5E5E9 - #F3F7F8 | 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 #D5E5E9 como 0% y #F3F7F8 como 100%.

0.0%	0.0% #D5E5E9	RGB 213 229 233	#D5E5E9
16.7%	16.7% #DAE8EB	RGB 218 232 235	#DAE8EB
33.3%	33.3% #DFEBEE	RGB 223 235 238	#DFEBEE
50.0%	50.0% #E4EEF0	RGB 228 238 240	#E4EEF0
66.7%	66.7% #E9F1F3	RGB 233 241 243	#E9F1F3
83.3%	83.3% #EEF4F5	RGB 238 244 245	#EEF4F5
100.0%	100.0% #F3F7F8	RGB 243 247 248	#F3F7F8

#D5E5E9 #DAE8EB #DFEBEE #E4EEF0 #E9F1F3 #EEF4F5 #F3F7F8

#D5E5E9 - #F3F7F8

Mezcla HSV

#D5E5E9 - #F3F7F8 | 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 #D5E5E9 como 0% y #F3F7F8 como 100%.

0.0%	0.0% #D5E5E9	RGB 213 229 233	#D5E5E9
16.7%	16.7% #D9E7EB	RGB 217 231 235	#D9E7EB
33.3%	33.3% #DEEAEE	RGB 222 234 238	#DEEAEE
50.0%	50.0% #E3EDF0	RGB 227 237 240	#E3EDF0
66.7%	66.7% #E8F0F3	RGB 232 240 243	#E8F0F3
83.3%	83.3% #EDF3F5	RGB 237 243 245	#EDF3F5
100.0%	100.0% #F3F7F8	RGB 243 247 248	#F3F7F8

#D5E5E9 #D9E7EB #DEEAEE #E3EDF0 #E8F0F3 #EDF3F5 #F3F7F8

#D5E5E9 - #E3EDF0 - #F3F7F8

Códigos CSS

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

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