#C9CA65 - #8D941F | 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 #C9CA65 a #8D941F

#C9CA65 #8D941F

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

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

0.0%	0.0% #C9CA65	RGB 201 202 101	#C9CA65
16.7%	16.7% #BFC159	RGB 191 193 89	#BFC159
33.3%	33.3% #B5B84D	RGB 181 184 77	#B5B84D
50.0%	50.0% #ABAF42	RGB 171 175 66	#ABAF42
66.7%	66.7% #A1A636	RGB 161 166 54	#A1A636
83.3%	83.3% #979D2A	RGB 151 157 42	#979D2A
100.0%	100.0% #8D941F	RGB 141 148 31	#8D941F

#C9CA65 #BFC159 #B5B84D #ABAF42 #A1A636 #979D2A #8D941F

#C9CA65 - #8D941F

Mezcla HSV

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

0.0%	0.0% #C9CA65	RGB 201 202 101	#C9CA65
16.7%	16.7% #BFC157	RGB 191 193 87	#BFC157
33.3%	33.3% #B5B84A	RGB 181 184 74	#B5B84A
50.0%	50.0% #ABAF3E	RGB 171 175 62	#ABAF3E
66.7%	66.7% #A1A632	RGB 161 166 50	#A1A632
83.3%	83.3% #969D28	RGB 150 157 40	#969D28
100.0%	100.0% #8D941F	RGB 141 148 31	#8D941F

#C9CA65 #BFC157 #B5B84A #ABAF3E #A1A632 #969D28 #8D941F

#C9CA65 - #ABAF3E - #8D941F

Códigos CSS

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

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