#5E482E - #CD8D4F | 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 #5E482E a #CD8D4F

#5E482E #CD8D4F

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

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

0.0%	0.0% #5E482E	RGB 94 72 46	#5E482E
16.7%	16.7% #705333	RGB 112 83 51	#705333
33.3%	33.3% #835F39	RGB 131 95 57	#835F39
50.0%	50.0% #956A3E	RGB 149 106 62	#956A3E
66.7%	66.7% #A87644	RGB 168 118 68	#A87644
83.3%	83.3% #BA8149	RGB 186 129 73	#BA8149
100.0%	100.0% #CD8D4F	RGB 205 141 79	#CD8D4F

#5E482E #705333 #835F39 #956A3E #A87644 #BA8149 #CD8D4F

#5E482E - #CD8D4F

Mezcla HSV

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

0.0%	0.0% #5E482E	RGB 94 72 46	#5E482E
16.7%	16.7% #705435	RGB 112 84 53	#705435
33.3%	33.3% #83613B	RGB 131 97 59	#83613B
50.0%	50.0% #956C41	RGB 149 108 65	#956C41
66.7%	66.7% #A87846	RGB 168 120 70	#A87846
83.3%	83.3% #BA824B	RGB 186 130 75	#BA824B
100.0%	100.0% #CD8D4F	RGB 205 141 79	#CD8D4F

#5E482E #705435 #83613B #956C41 #A87846 #BA824B #CD8D4F

#5E482E - #956C41 - #CD8D4F

Códigos CSS

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

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