#CECE9B - #A59C47 | 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 #CECE9B a #A59C47

#CECE9B #A59C47

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

#CECE9B - #A59C47 | 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 #CECE9B como 0% y #A59C47 como 100%.

0.0%	0.0% #CECE9B	RGB 206 206 155	#CECE9B
16.7%	16.7% #C7C58D	RGB 199 197 141	#C7C58D
33.3%	33.3% #C0BD7F	RGB 192 189 127	#C0BD7F
50.0%	50.0% #B9B571	RGB 185 181 113	#B9B571
66.7%	66.7% #B2AC63	RGB 178 172 99	#B2AC63
83.3%	83.3% #ABA455	RGB 171 164 85	#ABA455
100.0%	100.0% #A59C47	RGB 165 156 71	#A59C47

#CECE9B #C7C58D #C0BD7F #B9B571 #B2AC63 #ABA455 #A59C47

#CECE9B - #A59C47

Mezcla HSV

#CECE9B - #A59C47 | 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 #CECE9B como 0% y #A59C47 como 100%.

0.0%	0.0% #CECE9B	RGB 206 206 155	#CECE9B
16.7%	16.7% #C7C68B	RGB 199 198 139	#C7C68B
33.3%	33.3% #C0BE7C	RGB 192 190 124	#C0BE7C
50.0%	50.0% #B9B56D	RGB 185 181 109	#B9B56D
66.7%	66.7% #B2AD60	RGB 178 173 96	#B2AD60
83.3%	83.3% #ABA453	RGB 171 164 83	#ABA453
100.0%	100.0% #A59C47	RGB 165 156 71	#A59C47

#CECE9B #C7C68B #C0BE7C #B9B56D #B2AD60 #ABA453 #A59C47

#CECE9B - #B9B56D - #A59C47

Códigos CSS

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

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