#CCA66D - #A76623 | 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 #CCA66D a #A76623

#CCA66D #A76623

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

#CCA66D - #A76623 | 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 #CCA66D como 0% y #A76623 como 100%.

0.0%	0.0% #CCA66D	RGB 204 166 109	#CCA66D
16.7%	16.7% #C59B60	RGB 197 155 96	#C59B60
33.3%	33.3% #BF9054	RGB 191 144 84	#BF9054
50.0%	50.0% #B98648	RGB 185 134 72	#B98648
66.7%	66.7% #B37B3B	RGB 179 123 59	#B37B3B
83.3%	83.3% #AD702F	RGB 173 112 47	#AD702F
100.0%	100.0% #A76623	RGB 167 102 35	#A76623

#CCA66D #C59B60 #BF9054 #B98648 #B37B3B #AD702F #A76623

#CCA66D - #A76623

Mezcla HSV

#CCA66D - #A76623 | 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 #CCA66D como 0% y #A76623 como 100%.

0.0%	0.0% #CCA66D	RGB 204 166 109	#CCA66D
16.7%	16.7% #C59B5E	RGB 197 155 94	#C59B5E
33.3%	33.3% #BF9051	RGB 191 144 81	#BF9051
50.0%	50.0% #B98544	RGB 185 133 68	#B98544
66.7%	66.7% #B37A38	RGB 179 122 56	#B37A38
83.3%	83.3% #AD702D	RGB 173 112 45	#AD702D
100.0%	100.0% #A76623	RGB 167 102 35	#A76623

#CCA66D #C59B5E #BF9051 #B98544 #B37A38 #AD702D #A76623

#CCA66D - #B98544 - #A76623

Códigos CSS

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

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