#CECE77 - #A69C2B | 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 #CECE77 a #A69C2B

#CECE77 #A69C2B

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

#CECE77 - #A69C2B | 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 #CECE77 como 0% y #A69C2B como 100%.

0.0%	0.0% #CECE77	RGB 206 206 119	#CECE77
16.7%	16.7% #C7C56A	RGB 199 197 106	#C7C56A
33.3%	33.3% #C0BD5D	RGB 192 189 93	#C0BD5D
50.0%	50.0% #BAB551	RGB 186 181 81	#BAB551
66.7%	66.7% #B3AC44	RGB 179 172 68	#B3AC44
83.3%	83.3% #ACA437	RGB 172 164 55	#ACA437
100.0%	100.0% #A69C2B	RGB 166 156 43	#A69C2B

#CECE77 #C7C56A #C0BD5D #BAB551 #B3AC44 #ACA437 #A69C2B

#CECE77 - #A69C2B

Mezcla HSV

#CECE77 - #A69C2B | 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 #CECE77 como 0% y #A69C2B como 100%.

0.0%	0.0% #CECE77	RGB 206 206 119	#CECE77
16.7%	16.7% #C7C668	RGB 199 198 104	#C7C668
33.3%	33.3% #C0BD5A	RGB 192 189 90	#C0BD5A
50.0%	50.0% #BAB54D	RGB 186 181 77	#BAB54D
66.7%	66.7% #B3AD41	RGB 179 173 65	#B3AD41
83.3%	83.3% #ACA435	RGB 172 164 53	#ACA435
100.0%	100.0% #A69C2B	RGB 166 156 43	#A69C2B

#CECE77 #C7C668 #C0BD5A #BAB54D #B3AD41 #ACA435 #A69C2B

#CECE77 - #BAB54D - #A69C2B

Códigos CSS

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

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