#5A4D45 - #CFCCC9 | 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 #5A4D45 a #CFCCC9

#5A4D45 #CFCCC9

Calcule el color entre dos colores, #5A4D45 y #CFCCC9. 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)

#5A4D45 - #CFCCC9 | 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 #5A4D45 como 0% y #CFCCC9 como 100%.

0.0%	0.0% #5A4D45	RGB 90 77 69	#5A4D45
16.7%	16.7% #6D625B	RGB 109 98 91	#6D625B
33.3%	33.3% #817771	RGB 129 119 113	#817771
50.0%	50.0% #948C87	RGB 148 140 135	#948C87
66.7%	66.7% #A8A19D	RGB 168 161 157	#A8A19D
83.3%	83.3% #BBB6B3	RGB 187 182 179	#BBB6B3
100.0%	100.0% #CFCCC9	RGB 207 204 201	#CFCCC9

#5A4D45 #6D625B #817771 #948C87 #A8A19D #BBB6B3 #CFCCC9

#5A4D45 - #CFCCC9

Mezcla HSV

#5A4D45 - #CFCCC9 | 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 #5A4D45 como 0% y #CFCCC9 como 100%.

0.0%	0.0% #5A4D45	RGB 90 77 69	#5A4D45
16.7%	16.7% #6D6057	RGB 109 96 87	#6D6057
33.3%	33.3% #81746B	RGB 129 116 107	#81746B
50.0%	50.0% #948981	RGB 148 137 129	#948981
66.7%	66.7% #A89F97	RGB 168 159 151	#A89F97
83.3%	83.3% #BBB5AF	RGB 187 181 175	#BBB5AF
100.0%	100.0% #CFCCC9	RGB 207 204 201	#CFCCC9

#5A4D45 #6D6057 #81746B #948981 #A89F97 #BBB5AF #CFCCC9

#5A4D45 - #948981 - #CFCCC9

Códigos CSS

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

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