#D5E2E5 - #D9F0E3 | 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 #D5E2E5 a #D9F0E3

#D5E2E5 #D9F0E3

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

#D5E2E5 - #D9F0E3 | 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 #D5E2E5 como 0% y #D9F0E3 como 100%.

0.0%	0.0% #D5E2E5	RGB 213 226 229	#D5E2E5
16.7%	16.7% #D5E4E4	RGB 213 228 228	#D5E4E4
33.3%	33.3% #D6E6E4	RGB 214 230 228	#D6E6E4
50.0%	50.0% #D7E9E4	RGB 215 233 228	#D7E9E4
66.7%	66.7% #D7EBE3	RGB 215 235 227	#D7EBE3
83.3%	83.3% #D8EDE3	RGB 216 237 227	#D8EDE3
100.0%	100.0% #D9F0E3	RGB 217 240 227	#D9F0E3

#D5E2E5 #D5E4E4 #D6E6E4 #D7E9E4 #D7EBE3 #D8EDE3 #D9F0E3

#D5E2E5 - #D9F0E3

Mezcla HSV

#D5E2E5 - #D9F0E3 | 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 #D5E2E5 como 0% y #D9F0E3 como 100%.

0.0%	0.0% #D5E2E5	RGB 213 226 229	#D5E2E5
16.7%	16.7% #D5E5E6	RGB 213 229 230	#D5E5E6
33.3%	33.3% #D6E8E7	RGB 214 232 231	#D6E8E7
50.0%	50.0% #D7EAE6	RGB 215 234 230	#D7EAE6
66.7%	66.7% #D7ECE5	RGB 215 236 229	#D7ECE5
83.3%	83.3% #D8EEE4	RGB 216 238 228	#D8EEE4
100.0%	100.0% #D9F0E3	RGB 217 240 227	#D9F0E3

#D5E2E5 #D5E5E6 #D6E8E7 #D7EAE6 #D7ECE5 #D8EEE4 #D9F0E3

#D5E2E5 - #D7EAE6 - #D9F0E3

Códigos CSS

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

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