#845C5C - #EBA981 | 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 #845C5C a #EBA981

#845C5C #EBA981

Calcule el color entre dos colores, #845C5C y #EBA981. 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)

#845C5C - #EBA981 | 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 #845C5C como 0% y #EBA981 como 100%.

0.0%	0.0% #845C5C	RGB 132 92 92	#845C5C
16.7%	16.7% #956862	RGB 149 104 98	#956862
33.3%	33.3% #A67568	RGB 166 117 104	#A67568
50.0%	50.0% #B7826E	RGB 183 130 110	#B7826E
66.7%	66.7% #C88F74	RGB 200 143 116	#C88F74
83.3%	83.3% #D99C7A	RGB 217 156 122	#D99C7A
100.0%	100.0% #EBA981	RGB 235 169 129	#EBA981

#845C5C #956862 #A67568 #B7826E #C88F74 #D99C7A #EBA981

#845C5C - #EBA981

Mezcla HSV

#845C5C - #EBA981 | 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 #845C5C como 0% y #EBA981 como 100%.

0.0%	0.0% #845C5C	RGB 132 92 92	#845C5C
16.7%	16.7% #956764	RGB 149 103 100	#956764
33.3%	33.3% #A6736B	RGB 166 115 107	#A6736B
50.0%	50.0% #B77F72	RGB 183 127 114	#B77F72
66.7%	66.7% #C88C78	RGB 200 140 120	#C88C78
83.3%	83.3% #D99A7C	RGB 217 154 124	#D99A7C
100.0%	100.0% #EBA981	RGB 235 169 129	#EBA981

#845C5C #956764 #A6736B #B77F72 #C88C78 #D99A7C #EBA981

#845C5C - #B77F72 - #EBA981

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #845C5C 0%, #B77F72 50%, #EBA981 100%);
    background: -webkit-linear-gradient(top, #845C5C 0%, #B77F72 50%, #EBA981 100%);
    background: linear-gradient(to bottom, #845C5C 0%, #B77F72 50%, #EBA981 100%);
}
</style>