#EDCFD9 - #433B3E | 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 #EDCFD9 a #433B3E

#EDCFD9 #433B3E

Calcule el color entre dos colores, #EDCFD9 y #433B3E. 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)

#EDCFD9 - #433B3E | 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 #EDCFD9 como 0% y #433B3E como 100%.

0.0%	0.0% #EDCFD9	RGB 237 207 217	#EDCFD9
16.7%	16.7% #D0B6BF	RGB 208 182 191	#D0B6BF
33.3%	33.3% #B49DA5	RGB 180 157 165	#B49DA5
50.0%	50.0% #98858B	RGB 152 133 139	#98858B
66.7%	66.7% #7B6C71	RGB 123 108 113	#7B6C71
83.3%	83.3% #5F5357	RGB 95 83 87	#5F5357
100.0%	100.0% #433B3E	RGB 67 59 62	#433B3E

#EDCFD9 #D0B6BF #B49DA5 #98858B #7B6C71 #5F5357 #433B3E

#EDCFD9 - #433B3E

Mezcla HSV

#EDCFD9 - #433B3E | 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 #EDCFD9 como 0% y #433B3E como 100%.

0.0%	0.0% #EDCFD9	RGB 237 207 217	#EDCFD9
16.7%	16.7% #D0B6BF	RGB 208 182 191	#D0B6BF
33.3%	33.3% #B49DA5	RGB 180 157 165	#B49DA5
50.0%	50.0% #98858B	RGB 152 133 139	#98858B
66.7%	66.7% #7B6C72	RGB 123 108 114	#7B6C72
83.3%	83.3% #5F5358	RGB 95 83 88	#5F5358
100.0%	100.0% #433B3E	RGB 67 59 62	#433B3E

#EDCFD9 #D0B6BF #B49DA5 #98858B #7B6C72 #5F5358 #433B3E

#EDCFD9 - #98858B - #433B3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDCFD9 0%, #98858B 50%, #433B3E 100%);
    background: -webkit-linear-gradient(top, #EDCFD9 0%, #98858B 50%, #433B3E 100%);
    background: linear-gradient(to bottom, #EDCFD9 0%, #98858B 50%, #433B3E 100%);
}
</style>