#BC75DC - #48059A | 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 #BC75DC a #48059A

#BC75DC #48059A

Calcule el color entre dos colores, #BC75DC y #48059A. 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)

#BC75DC - #48059A | 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 #BC75DC como 0% y #48059A como 100%.

0.0%	0.0% #BC75DC	RGB 188 117 220	#BC75DC
16.7%	16.7% #A862D1	RGB 168 98 209	#A862D1
33.3%	33.3% #954FC6	RGB 149 79 198	#954FC6
50.0%	50.0% #823DBB	RGB 130 61 187	#823DBB
66.7%	66.7% #6E2AB0	RGB 110 42 176	#6E2AB0
83.3%	83.3% #5B17A5	RGB 91 23 165	#5B17A5
100.0%	100.0% #48059A	RGB 72 5 154	#48059A

#BC75DC #A862D1 #954FC6 #823DBB #6E2AB0 #5B17A5 #48059A

#BC75DC - #48059A

Mezcla HSV

#BC75DC - #48059A | 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 #BC75DC como 0% y #48059A como 100%.

0.0%	0.0% #BC75DC	RGB 188 117 220	#BC75DC
16.7%	16.7% #A85DD1	RGB 168 93 209	#A85DD1
33.3%	33.3% #9448C6	RGB 148 72 198	#9448C6
50.0%	50.0% #8134BB	RGB 129 52 187	#8134BB
66.7%	66.7% #6D23B0	RGB 109 35 176	#6D23B0
83.3%	83.3% #5A13A5	RGB 90 19 165	#5A13A5
100.0%	100.0% #48059A	RGB 72 5 154	#48059A

#BC75DC #A85DD1 #9448C6 #8134BB #6D23B0 #5A13A5 #48059A

#BC75DC - #8134BB - #48059A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC75DC 0%, #8134BB 50%, #48059A 100%);
    background: -webkit-linear-gradient(top, #BC75DC 0%, #8134BB 50%, #48059A 100%);
    background: linear-gradient(to bottom, #BC75DC 0%, #8134BB 50%, #48059A 100%);
}
</style>