#DFBA5E - #AE891B | 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 #DFBA5E a #AE891B

#DFBA5E #AE891B

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

#DFBA5E - #AE891B | 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 #DFBA5E como 0% y #AE891B como 100%.

0.0%	0.0% #DFBA5E	RGB 223 186 94	#DFBA5E
16.7%	16.7% #D6B152	RGB 214 177 82	#D6B152
33.3%	33.3% #CEA947	RGB 206 169 71	#CEA947
50.0%	50.0% #C6A13C	RGB 198 161 60	#C6A13C
66.7%	66.7% #BE9931	RGB 190 153 49	#BE9931
83.3%	83.3% #B69126	RGB 182 145 38	#B69126
100.0%	100.0% #AE891B	RGB 174 137 27	#AE891B

#DFBA5E #D6B152 #CEA947 #C6A13C #BE9931 #B69126 #AE891B

#DFBA5E - #AE891B

Mezcla HSV

#DFBA5E - #AE891B | 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 #DFBA5E como 0% y #AE891B como 100%.

0.0%	0.0% #DFBA5E	RGB 223 186 94	#DFBA5E
16.7%	16.7% #D6B151	RGB 214 177 81	#D6B151
33.3%	33.3% #CEA844	RGB 206 168 68	#CEA844
50.0%	50.0% #C6A039	RGB 198 160 57	#C6A039
66.7%	66.7% #BE982E	RGB 190 152 46	#BE982E
83.3%	83.3% #B69024	RGB 182 144 36	#B69024
100.0%	100.0% #AE891B	RGB 174 137 27	#AE891B

#DFBA5E #D6B151 #CEA844 #C6A039 #BE982E #B69024 #AE891B

#DFBA5E - #C6A039 - #AE891B

Códigos CSS

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

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