#C0AD5E - #97721B | 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 #C0AD5E a #97721B

#C0AD5E #97721B

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

#C0AD5E - #97721B | 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 #C0AD5E como 0% y #97721B como 100%.

0.0%	0.0% #C0AD5E	RGB 192 173 94	#C0AD5E
16.7%	16.7% #B9A352	RGB 185 163 82	#B9A352
33.3%	33.3% #B29947	RGB 178 153 71	#B29947
50.0%	50.0% #AB8F3C	RGB 171 143 60	#AB8F3C
66.7%	66.7% #A48531	RGB 164 133 49	#A48531
83.3%	83.3% #9D7B26	RGB 157 123 38	#9D7B26
100.0%	100.0% #97721B	RGB 151 114 27	#97721B

#C0AD5E #B9A352 #B29947 #AB8F3C #A48531 #9D7B26 #97721B

#C0AD5E - #97721B

Mezcla HSV

#C0AD5E - #97721B | 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 #C0AD5E como 0% y #97721B como 100%.

0.0%	0.0% #C0AD5E	RGB 192 173 94	#C0AD5E
16.7%	16.7% #B9A351	RGB 185 163 81	#B9A351
33.3%	33.3% #B29944	RGB 178 153 68	#B29944
50.0%	50.0% #AB8F39	RGB 171 143 57	#AB8F39
66.7%	66.7% #A4852E	RGB 164 133 46	#A4852E
83.3%	83.3% #9D7B24	RGB 157 123 36	#9D7B24
100.0%	100.0% #97721B	RGB 151 114 27	#97721B

#C0AD5E #B9A351 #B29944 #AB8F39 #A4852E #9D7B24 #97721B

#C0AD5E - #AB8F39 - #97721B

Códigos CSS

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

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