#D3C5E1 - #8669A2 | 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 #D3C5E1 a #8669A2

#D3C5E1 #8669A2

Calcule el color entre dos colores, #D3C5E1 y #8669A2. 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)

#D3C5E1 - #8669A2 | 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 #D3C5E1 como 0% y #8669A2 como 100%.

0.0%	0.0% #D3C5E1	RGB 211 197 225	#D3C5E1
16.7%	16.7% #C6B5D6	RGB 198 181 214	#C6B5D6
33.3%	33.3% #B9A6CC	RGB 185 166 204	#B9A6CC
50.0%	50.0% #AC97C1	RGB 172 151 193	#AC97C1
66.7%	66.7% #9F87B7	RGB 159 135 183	#9F87B7
83.3%	83.3% #9278AC	RGB 146 120 172	#9278AC
100.0%	100.0% #8669A2	RGB 134 105 162	#8669A2

#D3C5E1 #C6B5D6 #B9A6CC #AC97C1 #9F87B7 #9278AC #8669A2

#D3C5E1 - #8669A2

Mezcla HSV

#D3C5E1 - #8669A2 | 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 #D3C5E1 como 0% y #8669A2 como 100%.

0.0%	0.0% #D3C5E1	RGB 211 197 225	#D3C5E1
16.7%	16.7% #C5B3D6	RGB 197 179 214	#C5B3D6
33.3%	33.3% #B7A3CC	RGB 183 163 204	#B7A3CC
50.0%	50.0% #AA93C1	RGB 170 147 193	#AA93C1
66.7%	66.7% #9E84B7	RGB 158 132 183	#9E84B7
83.3%	83.3% #9176AC	RGB 145 118 172	#9176AC
100.0%	100.0% #8669A2	RGB 134 105 162	#8669A2

#D3C5E1 #C5B3D6 #B7A3CC #AA93C1 #9E84B7 #9176AC #8669A2

#D3C5E1 - #AA93C1 - #8669A2

Códigos CSS

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

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