#D1EDCB - #E6ECE6 | 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 #D1EDCB a #E6ECE6

#D1EDCB #E6ECE6

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

#D1EDCB - #E6ECE6 | 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 #D1EDCB como 0% y #E6ECE6 como 100%.

0.0%	0.0% #D1EDCB	RGB 209 237 203	#D1EDCB
16.7%	16.7% #D4ECCF	RGB 212 236 207	#D4ECCF
33.3%	33.3% #D8ECD4	RGB 216 236 212	#D8ECD4
50.0%	50.0% #DBECD8	RGB 219 236 216	#DBECD8
66.7%	66.7% #DFECDD	RGB 223 236 221	#DFECDD
83.3%	83.3% #E2ECE1	RGB 226 236 225	#E2ECE1
100.0%	100.0% #E6ECE6	RGB 230 236 230	#E6ECE6

#D1EDCB #D4ECCF #D8ECD4 #DBECD8 #DFECDD #E2ECE1 #E6ECE6

#D1EDCB - #E6ECE6

Mezcla HSV

#D1EDCB - #E6ECE6 | 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 #D1EDCB como 0% y #E6ECE6 como 100%.

0.0%	0.0% #D1EDCB	RGB 209 237 203	#D1EDCB
16.7%	16.7% #D3ECCF	RGB 211 236 207	#D3ECCF
33.3%	33.3% #D6ECD4	RGB 214 236 212	#D6ECD4
50.0%	50.0% #DAECD8	RGB 218 236 216	#DAECD8
66.7%	66.7% #DDECDD	RGB 221 236 221	#DDECDD
83.3%	83.3% #E1ECE1	RGB 225 236 225	#E1ECE1
100.0%	100.0% #E6ECE6	RGB 230 236 230	#E6ECE6

#D1EDCB #D3ECCF #D6ECD4 #DAECD8 #DDECDD #E1ECE1 #E6ECE6

#D1EDCB - #DAECD8 - #E6ECE6

Códigos CSS

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

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