#D5E5DC - #3C413E | 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 #D5E5DC a #3C413E

#D5E5DC #3C413E

Calcule el color entre dos colores, #D5E5DC y #3C413E. 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)

#D5E5DC - #3C413E | 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 #D5E5DC como 0% y #3C413E como 100%.

0.0%	0.0% #D5E5DC	RGB 213 229 220	#D5E5DC
16.7%	16.7% #BBC9C1	RGB 187 201 193	#BBC9C1
33.3%	33.3% #A2AEA7	RGB 162 174 167	#A2AEA7
50.0%	50.0% #88938D	RGB 136 147 141	#88938D
66.7%	66.7% #6F7772	RGB 111 119 114	#6F7772
83.3%	83.3% #555C58	RGB 85 92 88	#555C58
100.0%	100.0% #3C413E	RGB 60 65 62	#3C413E

#D5E5DC #BBC9C1 #A2AEA7 #88938D #6F7772 #555C58 #3C413E

#D5E5DC - #3C413E

Mezcla HSV

#D5E5DC - #3C413E | 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 #D5E5DC como 0% y #3C413E como 100%.

0.0%	0.0% #D5E5DC	RGB 213 229 220	#D5E5DC
16.7%	16.7% #BBC9C1	RGB 187 201 193	#BBC9C1
33.3%	33.3% #A1AEA7	RGB 161 174 167	#A1AEA7
50.0%	50.0% #88938C	RGB 136 147 140	#88938C
66.7%	66.7% #6E7772	RGB 110 119 114	#6E7772
83.3%	83.3% #555C58	RGB 85 92 88	#555C58
100.0%	100.0% #3C413E	RGB 60 65 62	#3C413E

#D5E5DC #BBC9C1 #A1AEA7 #88938C #6E7772 #555C58 #3C413E

#D5E5DC - #88938C - #3C413E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E5DC 0%, #88938C 50%, #3C413E 100%);
    background: -webkit-linear-gradient(top, #D5E5DC 0%, #88938C 50%, #3C413E 100%);
    background: linear-gradient(to bottom, #D5E5DC 0%, #88938C 50%, #3C413E 100%);
}
</style>