#DBE2D9 - #3E403E | 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 #DBE2D9 a #3E403E

#DBE2D9 #3E403E

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

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

0.0%	0.0% #DBE2D9	RGB 219 226 217	#DBE2D9
16.7%	16.7% #C0C7BF	RGB 192 199 191	#C0C7BF
33.3%	33.3% #A6ACA5	RGB 166 172 165	#A6ACA5
50.0%	50.0% #8C918B	RGB 140 145 139	#8C918B
66.7%	66.7% #727671	RGB 114 118 113	#727671
83.3%	83.3% #585B57	RGB 88 91 87	#585B57
100.0%	100.0% #3E403E	RGB 62 64 62	#3E403E

#DBE2D9 #C0C7BF #A6ACA5 #8C918B #727671 #585B57 #3E403E

#DBE2D9 - #3E403E

Mezcla HSV

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

0.0%	0.0% #DBE2D9	RGB 219 226 217	#DBE2D9
16.7%	16.7% #C0C7BF	RGB 192 199 191	#C0C7BF
33.3%	33.3% #A6ACA5	RGB 166 172 165	#A6ACA5
50.0%	50.0% #8C918B	RGB 140 145 139	#8C918B
66.7%	66.7% #727671	RGB 114 118 113	#727671
83.3%	83.3% #585B58	RGB 88 91 88	#585B58
100.0%	100.0% #3E403E	RGB 62 64 62	#3E403E

#DBE2D9 #C0C7BF #A6ACA5 #8C918B #727671 #585B58 #3E403E

#DBE2D9 - #8C918B - #3E403E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE2D9 0%, #8C918B 50%, #3E403E 100%);
    background: -webkit-linear-gradient(top, #DBE2D9 0%, #8C918B 50%, #3E403E 100%);
    background: linear-gradient(to bottom, #DBE2D9 0%, #8C918B 50%, #3E403E 100%);
}
</style>