#C766DA - #8B0587 | 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 #C766DA a #8B0587

#C766DA #8B0587

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

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

0.0%	0.0% #C766DA	RGB 199 102 218	#C766DA
16.7%	16.7% #BD55CC	RGB 189 85 204	#BD55CC
33.3%	33.3% #B345BE	RGB 179 69 190	#B345BE
50.0%	50.0% #A935B0	RGB 169 53 176	#A935B0
66.7%	66.7% #9F25A2	RGB 159 37 162	#9F25A2
83.3%	83.3% #951594	RGB 149 21 148	#951594
100.0%	100.0% #8B0587	RGB 139 5 135	#8B0587

#C766DA #BD55CC #B345BE #A935B0 #9F25A2 #951594 #8B0587

#C766DA - #8B0587

Mezcla HSV

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

0.0%	0.0% #C766DA	RGB 199 102 218	#C766DA
16.7%	16.7% #BC51CC	RGB 188 81 204	#BC51CC
33.3%	33.3% #B23EBF	RGB 178 62 191	#B23EBF
50.0%	50.0% #A92CB2	RGB 169 44 178	#A92CB2
66.7%	66.7% #A01DA5	RGB 160 29 165	#A01DA5
83.3%	83.3% #971098	RGB 151 16 152	#971098
100.0%	100.0% #8B0587	RGB 139 5 135	#8B0587

#C766DA #BC51CC #B23EBF #A92CB2 #A01DA5 #971098 #8B0587

#C766DA - #A92CB2 - #8B0587

Códigos CSS

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

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