#CCC8B2 - #A58F5E | 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 #CCC8B2 a #A58F5E

#CCC8B2 #A58F5E

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

#CCC8B2 - #A58F5E | 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 #CCC8B2 como 0% y #A58F5E como 100%.

0.0%	0.0% #CCC8B2	RGB 204 200 178	#CCC8B2
16.7%	16.7% #C5BEA4	RGB 197 190 164	#C5BEA4
33.3%	33.3% #BFB596	RGB 191 181 150	#BFB596
50.0%	50.0% #B8AB88	RGB 184 171 136	#B8AB88
66.7%	66.7% #B2A27A	RGB 178 162 122	#B2A27A
83.3%	83.3% #AB986C	RGB 171 152 108	#AB986C
100.0%	100.0% #A58F5E	RGB 165 143 94	#A58F5E

#CCC8B2 #C5BEA4 #BFB596 #B8AB88 #B2A27A #AB986C #A58F5E

#CCC8B2 - #A58F5E

Mezcla HSV

#CCC8B2 - #A58F5E | 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 #CCC8B2 como 0% y #A58F5E como 100%.

0.0%	0.0% #CCC8B2	RGB 204 200 178	#CCC8B2
16.7%	16.7% #C5BFA2	RGB 197 191 162	#C5BFA2
33.3%	33.3% #BFB693	RGB 191 182 147	#BFB693
50.0%	50.0% #B8AC85	RGB 184 172 133	#B8AC85
66.7%	66.7% #B2A277	RGB 178 162 119	#B2A277
83.3%	83.3% #AB996A	RGB 171 153 106	#AB996A
100.0%	100.0% #A58F5E	RGB 165 143 94	#A58F5E

#CCC8B2 #C5BFA2 #BFB693 #B8AC85 #B2A277 #AB996A #A58F5E

#CCC8B2 - #B8AC85 - #A58F5E

Códigos CSS

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

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