#CAC3C0 - #AD7E6D | 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 #CAC3C0 a #AD7E6D

#CAC3C0 #AD7E6D

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

#CAC3C0 - #AD7E6D | 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 #CAC3C0 como 0% y #AD7E6D como 100%.

0.0%	0.0% #CAC3C0	RGB 202 195 192	#CAC3C0
16.7%	16.7% #C5B7B2	RGB 197 183 178	#C5B7B2
33.3%	33.3% #C0ACA4	RGB 192 172 164	#C0ACA4
50.0%	50.0% #BBA096	RGB 187 160 150	#BBA096
66.7%	66.7% #B69588	RGB 182 149 136	#B69588
83.3%	83.3% #B1897A	RGB 177 137 122	#B1897A
100.0%	100.0% #AD7E6D	RGB 173 126 109	#AD7E6D

#CAC3C0 #C5B7B2 #C0ACA4 #BBA096 #B69588 #B1897A #AD7E6D

#CAC3C0 - #AD7E6D

Mezcla HSV

#CAC3C0 - #AD7E6D | 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 #CAC3C0 como 0% y #AD7E6D como 100%.

0.0%	0.0% #CAC3C0	RGB 202 195 192	#CAC3C0
16.7%	16.7% #C5B6B0	RGB 197 182 176	#C5B6B0
33.3%	33.3% #C0AAA2	RGB 192 170 162	#C0AAA2
50.0%	50.0% #BB9F94	RGB 187 159 148	#BB9F94
66.7%	66.7% #B69386	RGB 182 147 134	#B69386
83.3%	83.3% #B18879	RGB 177 136 121	#B18879
100.0%	100.0% #AD7E6D	RGB 173 126 109	#AD7E6D

#CAC3C0 #C5B6B0 #C0AAA2 #BB9F94 #B69386 #B18879 #AD7E6D

#CAC3C0 - #BB9F94 - #AD7E6D

Códigos CSS

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

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