#8F5E8C - #DFD1DD | 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 #8F5E8C a #DFD1DD

#8F5E8C #DFD1DD

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

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

0.0%	0.0% #8F5E8C	RGB 143 94 140	#8F5E8C
16.7%	16.7% #9C7199	RGB 156 113 153	#9C7199
33.3%	33.3% #A984A7	RGB 169 132 167	#A984A7
50.0%	50.0% #B797B4	RGB 183 151 180	#B797B4
66.7%	66.7% #C4AAC2	RGB 196 170 194	#C4AAC2
83.3%	83.3% #D1BDCF	RGB 209 189 207	#D1BDCF
100.0%	100.0% #DFD1DD	RGB 223 209 221	#DFD1DD

#8F5E8C #9C7199 #A984A7 #B797B4 #C4AAC2 #D1BDCF #DFD1DD

#8F5E8C - #DFD1DD

Mezcla HSV

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

0.0%	0.0% #8F5E8C	RGB 143 94 140	#8F5E8C
16.7%	16.7% #9C6E98	RGB 156 110 152	#9C6E98
33.3%	33.3% #A97FA5	RGB 169 127 165	#A97FA5
50.0%	50.0% #B791B3	RGB 183 145 179	#B791B3
66.7%	66.7% #C4A5C0	RGB 196 165 192	#C4A5C0
83.3%	83.3% #D1BACE	RGB 209 186 206	#D1BACE
100.0%	100.0% #DFD1DD	RGB 223 209 221	#DFD1DD

#8F5E8C #9C6E98 #A97FA5 #B791B3 #C4A5C0 #D1BACE #DFD1DD

#8F5E8C - #B791B3 - #DFD1DD

Códigos CSS

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

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