#8D6C9C - #DDD5E2 | 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 #8D6C9C a #DDD5E2

#8D6C9C #DDD5E2

Calcule el color entre dos colores, #8D6C9C y #DDD5E2. 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)

#8D6C9C - #DDD5E2 | 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 #8D6C9C como 0% y #DDD5E2 como 100%.

0.0%	0.0% #8D6C9C	RGB 141 108 156	#8D6C9C
16.7%	16.7% #9A7DA7	RGB 154 125 167	#9A7DA7
33.3%	33.3% #A78FB3	RGB 167 143 179	#A78FB3
50.0%	50.0% #B5A0BF	RGB 181 160 191	#B5A0BF
66.7%	66.7% #C2B2CA	RGB 194 178 202	#C2B2CA
83.3%	83.3% #CFC3D6	RGB 207 195 214	#CFC3D6
100.0%	100.0% #DDD5E2	RGB 221 213 226	#DDD5E2

#8D6C9C #9A7DA7 #A78FB3 #B5A0BF #C2B2CA #CFC3D6 #DDD5E2

#8D6C9C - #DDD5E2

Mezcla HSV

#8D6C9C - #DDD5E2 | 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 #8D6C9C como 0% y #DDD5E2 como 100%.

0.0%	0.0% #8D6C9C	RGB 141 108 156	#8D6C9C
16.7%	16.7% #997BA7	RGB 153 123 167	#997BA7
33.3%	33.3% #A58BB3	RGB 165 139 179	#A58BB3
50.0%	50.0% #B29CBF	RGB 178 156 191	#B29CBF
66.7%	66.7% #C0AECA	RGB 192 174 202	#C0AECA
83.3%	83.3% #CEC1D6	RGB 206 193 214	#CEC1D6
100.0%	100.0% #DDD5E2	RGB 221 213 226	#DDD5E2

#8D6C9C #997BA7 #A58BB3 #B29CBF #C0AECA #CEC1D6 #DDD5E2

#8D6C9C - #B29CBF - #DDD5E2

Códigos CSS

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

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