#ADB02C - #807500 | 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 #ADB02C a #807500

#ADB02C #807500

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

#ADB02C - #807500 | 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 #ADB02C como 0% y #807500 como 100%.

0.0%	0.0% #ADB02C	RGB 173 176 44	#ADB02C
16.7%	16.7% #A5A624	RGB 165 166 36	#A5A624
33.3%	33.3% #9E9C1D	RGB 158 156 29	#9E9C1D
50.0%	50.0% #969216	RGB 150 146 22	#969216
66.7%	66.7% #8F880E	RGB 143 136 14	#8F880E
83.3%	83.3% #877E07	RGB 135 126 7	#877E07
100.0%	100.0% #807500	RGB 128 117 0	#807500

#ADB02C #A5A624 #9E9C1D #969216 #8F880E #877E07 #807500

#ADB02C - #807500

Mezcla HSV

#ADB02C - #807500 | 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 #ADB02C como 0% y #807500 como 100%.

0.0%	0.0% #ADB02C	RGB 173 176 44	#ADB02C
16.7%	16.7% #A7A822	RGB 167 168 34	#A7A822
33.3%	33.3% #A09E1A	RGB 160 158 26	#A09E1A
50.0%	50.0% #989313	RGB 152 147 19	#989313
66.7%	66.7% #90890B	RGB 144 137 11	#90890B
83.3%	83.3% #887F05	RGB 136 127 5	#887F05
100.0%	100.0% #807500	RGB 128 117 0	#807500

#ADB02C #A7A822 #A09E1A #989313 #90890B #887F05 #807500

#ADB02C - #989313 - #807500

Códigos CSS

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

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