#D3C7DF - #876D9F | 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 #D3C7DF a #876D9F

#D3C7DF #876D9F

Calcule el color entre dos colores, #D3C7DF y #876D9F. 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)

#D3C7DF - #876D9F | 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 #D3C7DF como 0% y #876D9F como 100%.

0.0%	0.0% #D3C7DF	RGB 211 199 223	#D3C7DF
16.7%	16.7% #C6B8D4	RGB 198 184 212	#C6B8D4
33.3%	33.3% #B9A9C9	RGB 185 169 201	#B9A9C9
50.0%	50.0% #AD9ABF	RGB 173 154 191	#AD9ABF
66.7%	66.7% #A08BB4	RGB 160 139 180	#A08BB4
83.3%	83.3% #937CA9	RGB 147 124 169	#937CA9
100.0%	100.0% #876D9F	RGB 135 109 159	#876D9F

#D3C7DF #C6B8D4 #B9A9C9 #AD9ABF #A08BB4 #937CA9 #876D9F

#D3C7DF - #876D9F

Mezcla HSV

#D3C7DF - #876D9F | 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 #D3C7DF como 0% y #876D9F como 100%.

0.0%	0.0% #D3C7DF	RGB 211 199 223	#D3C7DF
16.7%	16.7% #C5B6D4	RGB 197 182 212	#C5B6D4
33.3%	33.3% #B8A6C9	RGB 184 166 201	#B8A6C9
50.0%	50.0% #AB96BF	RGB 171 150 191	#AB96BF
66.7%	66.7% #9E88B4	RGB 158 136 180	#9E88B4
83.3%	83.3% #927AA9	RGB 146 122 169	#927AA9
100.0%	100.0% #876D9F	RGB 135 109 159	#876D9F

#D3C7DF #C5B6D4 #B8A6C9 #AB96BF #9E88B4 #927AA9 #876D9F

#D3C7DF - #AB96BF - #876D9F

Códigos CSS

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

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