#D9F5E9 - #D2EBDF | 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 #D9F5E9 a #D2EBDF

#D9F5E9 #D2EBDF

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

#D9F5E9 - #D2EBDF | 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 #D9F5E9 como 0% y #D2EBDF como 100%.

0.0%	0.0% #D9F5E9	RGB 217 245 233	#D9F5E9
16.7%	16.7% #D7F3E7	RGB 215 243 231	#D7F3E7
33.3%	33.3% #D6F1E5	RGB 214 241 229	#D6F1E5
50.0%	50.0% #D5F0E4	RGB 213 240 228	#D5F0E4
66.7%	66.7% #D4EEE2	RGB 212 238 226	#D4EEE2
83.3%	83.3% #D3ECE0	RGB 211 236 224	#D3ECE0
100.0%	100.0% #D2EBDF	RGB 210 235 223	#D2EBDF

#D9F5E9 #D7F3E7 #D6F1E5 #D5F0E4 #D4EEE2 #D3ECE0 #D2EBDF

#D9F5E9 - #D2EBDF

Mezcla HSV

#D9F5E9 - #D2EBDF | 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 #D9F5E9 como 0% y #D2EBDF como 100%.

0.0%	0.0% #D9F5E9	RGB 217 245 233	#D9F5E9
16.7%	16.7% #D7F3E7	RGB 215 243 231	#D7F3E7
33.3%	33.3% #D6F1E5	RGB 214 241 229	#D6F1E5
50.0%	50.0% #D5F0E3	RGB 213 240 227	#D5F0E3
66.7%	66.7% #D4EEE2	RGB 212 238 226	#D4EEE2
83.3%	83.3% #D3ECE0	RGB 211 236 224	#D3ECE0
100.0%	100.0% #D2EBDF	RGB 210 235 223	#D2EBDF

#D9F5E9 #D7F3E7 #D6F1E5 #D5F0E3 #D4EEE2 #D3ECE0 #D2EBDF

#D9F5E9 - #D5F0E3 - #D2EBDF

Códigos CSS

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

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