#CCC7B2 - #A58D5E | 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 #CCC7B2 a #A58D5E

#CCC7B2 #A58D5E

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

#CCC7B2 - #A58D5E | 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 #CCC7B2 como 0% y #A58D5E como 100%.

0.0%	0.0% #CCC7B2	RGB 204 199 178	#CCC7B2
16.7%	16.7% #C5BDA4	RGB 197 189 164	#C5BDA4
33.3%	33.3% #BFB396	RGB 191 179 150	#BFB396
50.0%	50.0% #B8AA88	RGB 184 170 136	#B8AA88
66.7%	66.7% #B2A07A	RGB 178 160 122	#B2A07A
83.3%	83.3% #AB966C	RGB 171 150 108	#AB966C
100.0%	100.0% #A58D5E	RGB 165 141 94	#A58D5E

#CCC7B2 #C5BDA4 #BFB396 #B8AA88 #B2A07A #AB966C #A58D5E

#CCC7B2 - #A58D5E

Mezcla HSV

#CCC7B2 - #A58D5E | 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 #CCC7B2 como 0% y #A58D5E como 100%.

0.0%	0.0% #CCC7B2	RGB 204 199 178	#CCC7B2
16.7%	16.7% #C5BDA2	RGB 197 189 162	#C5BDA2
33.3%	33.3% #BFB493	RGB 191 180 147	#BFB493
50.0%	50.0% #B8AA85	RGB 184 170 133	#B8AA85
66.7%	66.7% #B2A177	RGB 178 161 119	#B2A177
83.3%	83.3% #AB976A	RGB 171 151 106	#AB976A
100.0%	100.0% #A58D5E	RGB 165 141 94	#A58D5E

#CCC7B2 #C5BDA2 #BFB493 #B8AA85 #B2A177 #AB976A #A58D5E

#CCC7B2 - #B8AA85 - #A58D5E

Códigos CSS

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

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