#C6B5E6 - #8D60C1 | 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 #C6B5E6 a #8D60C1

#C6B5E6 #8D60C1

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

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

0.0%	0.0% #C6B5E6	RGB 198 181 230	#C6B5E6
16.7%	16.7% #BCA6DF	RGB 188 166 223	#BCA6DF
33.3%	33.3% #B398D9	RGB 179 152 217	#B398D9
50.0%	50.0% #A98AD3	RGB 169 138 211	#A98AD3
66.7%	66.7% #A07CCD	RGB 160 124 205	#A07CCD
83.3%	83.3% #966EC7	RGB 150 110 199	#966EC7
100.0%	100.0% #8D60C1	RGB 141 96 193	#8D60C1

#C6B5E6 #BCA6DF #B398D9 #A98AD3 #A07CCD #966EC7 #8D60C1

#C6B5E6 - #8D60C1

Mezcla HSV

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

0.0%	0.0% #C6B5E6	RGB 198 181 230	#C6B5E6
16.7%	16.7% #BAA5DF	RGB 186 165 223	#BAA5DF
33.3%	33.3% #B096D9	RGB 176 150 217	#B096D9
50.0%	50.0% #A687D3	RGB 166 135 211	#A687D3
66.7%	66.7% #9D79CD	RGB 157 121 205	#9D79CD
83.3%	83.3% #946CC7	RGB 148 108 199	#946CC7
100.0%	100.0% #8D60C1	RGB 141 96 193	#8D60C1

#C6B5E6 #BAA5DF #B096D9 #A687D3 #9D79CD #946CC7 #8D60C1

#C6B5E6 - #A687D3 - #8D60C1

Códigos CSS

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

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