#8B5300 - #DDCDB6 | 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 #8B5300 a #DDCDB6

#8B5300 #DDCDB6

Calcule el color entre dos colores, #8B5300 y #DDCDB6. 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)

#8B5300 - #DDCDB6 | 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 #8B5300 como 0% y #DDCDB6 como 100%.

0.0%	0.0% #8B5300	RGB 139 83 0	#8B5300
16.7%	16.7% #98671E	RGB 152 103 30	#98671E
33.3%	33.3% #A67B3C	RGB 166 123 60	#A67B3C
50.0%	50.0% #B4905B	RGB 180 144 91	#B4905B
66.7%	66.7% #C1A479	RGB 193 164 121	#C1A479
83.3%	83.3% #CFB897	RGB 207 184 151	#CFB897
100.0%	100.0% #DDCDB6	RGB 221 205 182	#DDCDB6

#8B5300 #98671E #A67B3C #B4905B #C1A479 #CFB897 #DDCDB6

#8B5300 - #DDCDB6

Mezcla HSV

#8B5300 - #DDCDB6 | 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 #8B5300 como 0% y #DDCDB6 como 100%.

0.0%	0.0% #8B5300	RGB 139 83 0	#8B5300
16.7%	16.7% #986314	RGB 152 99 20	#986314
33.3%	33.3% #A6752D	RGB 166 117 45	#A6752D
50.0%	50.0% #B4884A	RGB 180 136 74	#B4884A
66.7%	66.7% #C19E6A	RGB 193 158 106	#C19E6A
83.3%	83.3% #CFB48E	RGB 207 180 142	#CFB48E
100.0%	100.0% #DDCDB6	RGB 221 205 182	#DDCDB6

#8B5300 #986314 #A6752D #B4884A #C19E6A #CFB48E #DDCDB6

#8B5300 - #B4884A - #DDCDB6

Códigos CSS

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

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