#72661B - #ABCD5E | 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 #72661B a #ABCD5E

#72661B #ABCD5E

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

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

0.0%	0.0% #72661B	RGB 114 102 27	#72661B
16.7%	16.7% #7B7726	RGB 123 119 38	#7B7726
33.3%	33.3% #858831	RGB 133 136 49	#858831
50.0%	50.0% #8E993C	RGB 142 153 60	#8E993C
66.7%	66.7% #98AA47	RGB 152 170 71	#98AA47
83.3%	83.3% #A1BB52	RGB 161 187 82	#A1BB52
100.0%	100.0% #ABCD5E	RGB 171 205 94	#ABCD5E

#72661B #7B7726 #858831 #8E993C #98AA47 #A1BB52 #ABCD5E

#72661B - #ABCD5E

Mezcla HSV

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

0.0%	0.0% #72661B	RGB 114 102 27	#72661B
16.7%	16.7% #817B23	RGB 129 123 35	#817B23
33.3%	33.3% #8F902C	RGB 143 144 44	#8F902C
50.0%	50.0% #969F37	RGB 150 159 55	#969F37
66.7%	66.7% #9DAE43	RGB 157 174 67	#9DAE43
83.3%	83.3% #A4BD50	RGB 164 189 80	#A4BD50
100.0%	100.0% #ABCD5E	RGB 171 205 94	#ABCD5E

#72661B #817B23 #8F902C #969F37 #9DAE43 #A4BD50 #ABCD5E

#72661B - #969F37 - #ABCD5E

Códigos CSS

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

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