#C35EB6 - #8A0066 | 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 #C35EB6 a #8A0066

#C35EB6 #8A0066

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

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

0.0%	0.0% #C35EB6	RGB 195 94 182	#C35EB6
16.7%	16.7% #B94EA8	RGB 185 78 168	#B94EA8
33.3%	33.3% #B03E9B	RGB 176 62 155	#B03E9B
50.0%	50.0% #A62F8E	RGB 166 47 142	#A62F8E
66.7%	66.7% #9D1F80	RGB 157 31 128	#9D1F80
83.3%	83.3% #930F73	RGB 147 15 115	#930F73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C35EB6 #B94EA8 #B03E9B #A62F8E #9D1F80 #930F73 #8A0066

#C35EB6 - #8A0066

Mezcla HSV

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

0.0%	0.0% #C35EB6	RGB 195 94 182	#C35EB6
16.7%	16.7% #B94AA8	RGB 185 74 168	#B94AA8
33.3%	33.3% #B0389B	RGB 176 56 155	#B0389B
50.0%	50.0% #A6288D	RGB 166 40 141	#A6288D
66.7%	66.7% #9D1980	RGB 157 25 128	#9D1980
83.3%	83.3% #930B73	RGB 147 11 115	#930B73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C35EB6 #B94AA8 #B0389B #A6288D #9D1980 #930B73 #8A0066

#C35EB6 - #A6288D - #8A0066

Códigos CSS

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

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