#CECA5C - #8C8A03 | 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 #CECA5C a #8C8A03

#CECA5C #8C8A03

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

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

0.0%	0.0% #CECA5C	RGB 206 202 92	#CECA5C
16.7%	16.7% #C3BF4D	RGB 195 191 77	#C3BF4D
33.3%	33.3% #B8B43E	RGB 184 180 62	#B8B43E
50.0%	50.0% #ADAA2F	RGB 173 170 47	#ADAA2F
66.7%	66.7% #A29F20	RGB 162 159 32	#A29F20
83.3%	83.3% #979411	RGB 151 148 17	#979411
100.0%	100.0% #8C8A03	RGB 140 138 3	#8C8A03

#CECA5C #C3BF4D #B8B43E #ADAA2F #A29F20 #979411 #8C8A03

#CECA5C - #8C8A03

Mezcla HSV

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

0.0%	0.0% #CECA5C	RGB 206 202 92	#CECA5C
16.7%	16.7% #C3BF49	RGB 195 191 73	#C3BF49
33.3%	33.3% #B8B438	RGB 184 180 56	#B8B438
50.0%	50.0% #ADA928	RGB 173 169 40	#ADA928
66.7%	66.7% #A29F1A	RGB 162 159 26	#A29F1A
83.3%	83.3% #97940D	RGB 151 148 13	#97940D
100.0%	100.0% #8C8A03	RGB 140 138 3	#8C8A03

#CECA5C #C3BF49 #B8B438 #ADA928 #A29F1A #97940D #8C8A03

#CECA5C - #ADA928 - #8C8A03

Códigos CSS

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

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