#C8BEBC - #AD7569 | 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 #C8BEBC a #AD7569

#C8BEBC #AD7569

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

#C8BEBC - #AD7569 | 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 #C8BEBC como 0% y #AD7569 como 100%.

0.0%	0.0% #C8BEBC	RGB 200 190 188	#C8BEBC
16.7%	16.7% #C3B1AE	RGB 195 177 174	#C3B1AE
33.3%	33.3% #BFA5A0	RGB 191 165 160	#BFA5A0
50.0%	50.0% #BA9992	RGB 186 153 146	#BA9992
66.7%	66.7% #B68D84	RGB 182 141 132	#B68D84
83.3%	83.3% #B18176	RGB 177 129 118	#B18176
100.0%	100.0% #AD7569	RGB 173 117 105	#AD7569

#C8BEBC #C3B1AE #BFA5A0 #BA9992 #B68D84 #B18176 #AD7569

#C8BEBC - #AD7569

Mezcla HSV

#C8BEBC - #AD7569 | 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 #C8BEBC como 0% y #AD7569 como 100%.

0.0%	0.0% #C8BEBC	RGB 200 190 188	#C8BEBC
16.7%	16.7% #C3B0AC	RGB 195 176 172	#C3B0AC
33.3%	33.3% #BFA39E	RGB 191 163 158	#BFA39E
50.0%	50.0% #BA9790	RGB 186 151 144	#BA9790
66.7%	66.7% #B68B82	RGB 182 139 130	#B68B82
83.3%	83.3% #B18075	RGB 177 128 117	#B18075
100.0%	100.0% #AD7569	RGB 173 117 105	#AD7569

#C8BEBC #C3B0AC #BFA39E #BA9790 #B68B82 #B18075 #AD7569

#C8BEBC - #BA9790 - #AD7569

Códigos CSS

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

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