#352E2B - #98735B | 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 #352E2B a #98735B

#352E2B #98735B

Calcule el color entre dos colores, #352E2B y #98735B. 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)

#352E2B - #98735B | 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 #352E2B como 0% y #98735B como 100%.

0.0%	0.0% #352E2B	RGB 53 46 43	#352E2B
16.7%	16.7% #453933	RGB 69 57 51	#453933
33.3%	33.3% #56453B	RGB 86 69 59	#56453B
50.0%	50.0% #665043	RGB 102 80 67	#665043
66.7%	66.7% #775C4B	RGB 119 92 75	#775C4B
83.3%	83.3% #876753	RGB 135 103 83	#876753
100.0%	100.0% #98735B	RGB 152 115 91	#98735B

#352E2B #453933 #56453B #665043 #775C4B #876753 #98735B

#352E2B - #98735B

Mezcla HSV

#352E2B - #98735B | 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 #352E2B como 0% y #98735B como 100%.

0.0%	0.0% #352E2B	RGB 53 46 43	#352E2B
16.7%	16.7% #453A35	RGB 69 58 53	#453A35
33.3%	33.3% #56473F	RGB 86 71 63	#56473F
50.0%	50.0% #665248	RGB 102 82 72	#665248
66.7%	66.7% #775D4F	RGB 119 93 79	#775D4F
83.3%	83.3% #876855	RGB 135 104 85	#876855
100.0%	100.0% #98735B	RGB 152 115 91	#98735B

#352E2B #453A35 #56473F #665248 #775D4F #876855 #98735B

#352E2B - #665248 - #98735B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #352E2B 0%, #665248 50%, #98735B 100%);
    background: -webkit-linear-gradient(top, #352E2B 0%, #665248 50%, #98735B 100%);
    background: linear-gradient(to bottom, #352E2B 0%, #665248 50%, #98735B 100%);
}
</style>