#752FBC - #210D35 | 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 #752FBC a #210D35

#752FBC #210D35

Calcule el color entre dos colores, #752FBC y #210D35. 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)

#752FBC - #210D35 | 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 #752FBC como 0% y #210D35 como 100%.

0.0%	0.0% #752FBC	RGB 117 47 188	#752FBC
16.7%	16.7% #6729A5	RGB 103 41 165	#6729A5
33.3%	33.3% #59238F	RGB 89 35 143	#59238F
50.0%	50.0% #4B1E78	RGB 75 30 120	#4B1E78
66.7%	66.7% #3D1862	RGB 61 24 98	#3D1862
83.3%	83.3% #2F124B	RGB 47 18 75	#2F124B
100.0%	100.0% #210D35	RGB 33 13 53	#210D35

#752FBC #6729A5 #59238F #4B1E78 #3D1862 #2F124B #210D35

#752FBC - #210D35

Mezcla HSV

#752FBC - #210D35 | 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 #752FBC como 0% y #210D35 como 100%.

0.0%	0.0% #752FBC	RGB 117 47 188	#752FBC
16.7%	16.7% #6729A5	RGB 103 41 165	#6729A5
33.3%	33.3% #59238F	RGB 89 35 143	#59238F
50.0%	50.0% #4B1D78	RGB 75 29 120	#4B1D78
66.7%	66.7% #3D1862	RGB 61 24 98	#3D1862
83.3%	83.3% #2F124B	RGB 47 18 75	#2F124B
100.0%	100.0% #210D35	RGB 33 13 53	#210D35

#752FBC #6729A5 #59238F #4B1D78 #3D1862 #2F124B #210D35

#752FBC - #4B1D78 - #210D35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #752FBC 0%, #4B1D78 50%, #210D35 100%);
    background: -webkit-linear-gradient(top, #752FBC 0%, #4B1D78 50%, #210D35 100%);
    background: linear-gradient(to bottom, #752FBC 0%, #4B1D78 50%, #210D35 100%);
}
</style>