#ADA7AA - #C7B5E4 | 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 #ADA7AA a #C7B5E4

#ADA7AA #C7B5E4

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

#ADA7AA - #C7B5E4 | 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 #ADA7AA como 0% y #C7B5E4 como 100%.

0.0%	0.0% #ADA7AA	RGB 173 167 170	#ADA7AA
16.7%	16.7% #B1A9B3	RGB 177 169 179	#B1A9B3
33.3%	33.3% #B5ABBD	RGB 181 171 189	#B5ABBD
50.0%	50.0% #BAAEC7	RGB 186 174 199	#BAAEC7
66.7%	66.7% #BEB0D0	RGB 190 176 208	#BEB0D0
83.3%	83.3% #C2B2DA	RGB 194 178 218	#C2B2DA
100.0%	100.0% #C7B5E4	RGB 199 181 228	#C7B5E4

#ADA7AA #B1A9B3 #B5ABBD #BAAEC7 #BEB0D0 #C2B2DA #C7B5E4

#ADA7AA - #C7B5E4

Mezcla HSV

#ADA7AA - #C7B5E4 | 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 #ADA7AA como 0% y #C7B5E4 como 100%.

0.0%	0.0% #ADA7AA	RGB 173 167 170	#ADA7AA
16.7%	16.7% #B6AAB2	RGB 182 170 178	#B6AAB2
33.3%	33.3% #BFADBD	RGB 191 173 189	#BFADBD
50.0%	50.0% #C7B0C8	RGB 199 176 200	#C7B0C8
66.7%	66.7% #CAB2D1	RGB 202 178 209	#CAB2D1
83.3%	83.3% #CAB3DA	RGB 202 179 218	#CAB3DA
100.0%	100.0% #C7B5E4	RGB 199 181 228	#C7B5E4

#ADA7AA #B6AAB2 #BFADBD #C7B0C8 #CAB2D1 #CAB3DA #C7B5E4

#ADA7AA - #C7B0C8 - #C7B5E4

Códigos CSS

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

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