#CAC9C5 - #A28D74 | 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 #CAC9C5 a #A28D74

#CAC9C5 #A28D74

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

#CAC9C5 - #A28D74 | 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 #CAC9C5 como 0% y #A28D74 como 100%.

0.0%	0.0% #CAC9C5	RGB 202 201 197	#CAC9C5
16.7%	16.7% #C3BFB7	RGB 195 191 183	#C3BFB7
33.3%	33.3% #BCB5AA	RGB 188 181 170	#BCB5AA
50.0%	50.0% #B6AB9C	RGB 182 171 156	#B6AB9C
66.7%	66.7% #AFA18F	RGB 175 161 143	#AFA18F
83.3%	83.3% #A89781	RGB 168 151 129	#A89781
100.0%	100.0% #A28D74	RGB 162 141 116	#A28D74

#CAC9C5 #C3BFB7 #BCB5AA #B6AB9C #AFA18F #A89781 #A28D74

#CAC9C5 - #A28D74

Mezcla HSV

#CAC9C5 - #A28D74 | 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 #CAC9C5 como 0% y #A28D74 como 100%.

0.0%	0.0% #CAC9C5	RGB 202 201 197	#CAC9C5
16.7%	16.7% #C3C0B6	RGB 195 192 182	#C3C0B6
33.3%	33.3% #BCB6A7	RGB 188 182 167	#BCB6A7
50.0%	50.0% #B6AC99	RGB 182 172 153	#B6AC99
66.7%	66.7% #AFA28C	RGB 175 162 140	#AFA28C
83.3%	83.3% #A89780	RGB 168 151 128	#A89780
100.0%	100.0% #A28D74	RGB 162 141 116	#A28D74

#CAC9C5 #C3C0B6 #BCB6A7 #B6AC99 #AFA28C #A89780 #A28D74

#CAC9C5 - #B6AC99 - #A28D74

Códigos CSS

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

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