#504038 - #CDC8C6 | 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 #504038 a #CDC8C6

#504038 #CDC8C6

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

#504038 - #CDC8C6 | 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 #504038 como 0% y #CDC8C6 como 100%.

0.0%	0.0% #504038	RGB 80 64 56	#504038
16.7%	16.7% #64564F	RGB 100 86 79	#64564F
33.3%	33.3% #796D67	RGB 121 109 103	#796D67
50.0%	50.0% #8E847F	RGB 142 132 127	#8E847F
66.7%	66.7% #A39A96	RGB 163 154 150	#A39A96
83.3%	83.3% #B8B1AE	RGB 184 177 174	#B8B1AE
100.0%	100.0% #CDC8C6	RGB 205 200 198	#CDC8C6

#504038 #64564F #796D67 #8E847F #A39A96 #B8B1AE #CDC8C6

#504038 - #CDC8C6

Mezcla HSV

#504038 - #CDC8C6 | 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 #504038 como 0% y #CDC8C6 como 100%.

0.0%	0.0% #504038	RGB 80 64 56	#504038
16.7%	16.7% #64534B	RGB 100 83 75	#64534B
33.3%	33.3% #79685F	RGB 121 104 95	#79685F
50.0%	50.0% #8E7E76	RGB 142 126 118	#8E7E76
66.7%	66.7% #A3958F	RGB 163 149 143	#A3958F
83.3%	83.3% #B8ADA9	RGB 184 173 169	#B8ADA9
100.0%	100.0% #CDC8C6	RGB 205 200 198	#CDC8C6

#504038 #64534B #79685F #8E7E76 #A3958F #B8ADA9 #CDC8C6

#504038 - #8E7E76 - #CDC8C6

Códigos CSS

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

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