#8F5CCE - #DFD0F1 | 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 #8F5CCE a #DFD0F1

#8F5CCE #DFD0F1

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

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

0.0%	0.0% #8F5CCE	RGB 143 92 206	#8F5CCE
16.7%	16.7% #9C6FD3	RGB 156 111 211	#9C6FD3
33.3%	33.3% #A982D9	RGB 169 130 217	#A982D9
50.0%	50.0% #B796DF	RGB 183 150 223	#B796DF
66.7%	66.7% #C4A9E5	RGB 196 169 229	#C4A9E5
83.3%	83.3% #D1BCEB	RGB 209 188 235	#D1BCEB
100.0%	100.0% #DFD0F1	RGB 223 208 241	#DFD0F1

#8F5CCE #9C6FD3 #A982D9 #B796DF #C4A9E5 #D1BCEB #DFD0F1

#8F5CCE - #DFD0F1

Mezcla HSV

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

0.0%	0.0% #8E5CCE	RGB 142 92 206	#8E5CCE
16.7%	16.7% #9B6DD3	RGB 155 109 211	#9B6DD3
33.3%	33.3% #A87FD9	RGB 168 127 217	#A87FD9
50.0%	50.0% #B592DF	RGB 181 146 223	#B592DF
66.7%	66.7% #C2A6E5	RGB 194 166 229	#C2A6E5
83.3%	83.3% #D0BAEB	RGB 208 186 235	#D0BAEB
100.0%	100.0% #DFD0F1	RGB 223 208 241	#DFD0F1

#8E5CCE #9B6DD3 #A87FD9 #B592DF #C2A6E5 #D0BAEB #DFD0F1

#8F5CCE - #B592DF - #DFD0F1

Códigos CSS

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

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