#D2D300 - #8C890C | 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 #D2D300 a #8C890C

#D2D300 #8C890C

Calcule el color entre dos colores, #D2D300 y #8C890C. 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)

#D2D300 - #8C890C | 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 #D2D300 como 0% y #8C890C como 100%.

0.0%	0.0% #D2D300	RGB 210 211 0	#D2D300
16.7%	16.7% #C6C602	RGB 198 198 2	#C6C602
33.3%	33.3% #BABA04	RGB 186 186 4	#BABA04
50.0%	50.0% #AFAE06	RGB 175 174 6	#AFAE06
66.7%	66.7% #A3A108	RGB 163 161 8	#A3A108
83.3%	83.3% #97950A	RGB 151 149 10	#97950A
100.0%	100.0% #8C890C	RGB 140 137 12	#8C890C

#D2D300 #C6C602 #BABA04 #AFAE06 #A3A108 #97950A #8C890C

#D2D300 - #8C890C

Mezcla HSV

#D2D300 - #8C890C | 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 #D2D300 como 0% y #8C890C como 100%.

0.0%	0.0% #D2D300	RGB 210 211 0	#D2D300
16.7%	16.7% #C7C702	RGB 199 199 2	#C7C702
33.3%	33.3% #BBBA05	RGB 187 186 5	#BBBA05
50.0%	50.0% #AFAD07	RGB 175 173 7	#AFAD07
66.7%	66.7% #A3A109	RGB 163 161 9	#A3A109
83.3%	83.3% #97950A	RGB 151 149 10	#97950A
100.0%	100.0% #8C890C	RGB 140 137 12	#8C890C

#D2D300 #C7C702 #BBBA05 #AFAD07 #A3A109 #97950A #8C890C

#D2D300 - #AFAD07 - #8C890C

Códigos CSS

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

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