#D2A869 - #AD6821 | 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 #D2A869 a #AD6821

#D2A869 #AD6821

Calcule el color entre dos colores, #D2A869 y #AD6821. 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)

#D2A869 - #AD6821 | 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 #D2A869 como 0% y #AD6821 como 100%.

0.0%	0.0% #D2A869	RGB 210 168 105	#D2A869
16.7%	16.7% #CB9D5D	RGB 203 157 93	#CB9D5D
33.3%	33.3% #C59251	RGB 197 146 81	#C59251
50.0%	50.0% #BF8845	RGB 191 136 69	#BF8845
66.7%	66.7% #B97D39	RGB 185 125 57	#B97D39
83.3%	83.3% #B3722D	RGB 179 114 45	#B3722D
100.0%	100.0% #AD6821	RGB 173 104 33	#AD6821

#D2A869 #CB9D5D #C59251 #BF8845 #B97D39 #B3722D #AD6821

#D2A869 - #AD6821

Mezcla HSV

#D2A869 - #AD6821 | 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 #D2A869 como 0% y #AD6821 como 100%.

0.0%	0.0% #D2A869	RGB 210 168 105	#D2A869
16.7%	16.7% #CB9D5B	RGB 203 157 91	#CB9D5B
33.3%	33.3% #C5924E	RGB 197 146 78	#C5924E
50.0%	50.0% #BF8742	RGB 191 135 66	#BF8742
66.7%	66.7% #B97C36	RGB 185 124 54	#B97C36
83.3%	83.3% #B3722B	RGB 179 114 43	#B3722B
100.0%	100.0% #AD6821	RGB 173 104 33	#AD6821

#D2A869 #CB9D5B #C5924E #BF8742 #B97C36 #B3722B #AD6821

#D2A869 - #BF8742 - #AD6821

Códigos CSS

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

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