#DB75DC - #75059A | 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 #DB75DC a #75059A

#DB75DC #75059A

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

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

0.0%	0.0% #DB75DC	RGB 219 117 220	#DB75DC
16.7%	16.7% #CA62D1	RGB 202 98 209	#CA62D1
33.3%	33.3% #B94FC6	RGB 185 79 198	#B94FC6
50.0%	50.0% #A83DBB	RGB 168 61 187	#A83DBB
66.7%	66.7% #972AB0	RGB 151 42 176	#972AB0
83.3%	83.3% #8617A5	RGB 134 23 165	#8617A5
100.0%	100.0% #75059A	RGB 117 5 154	#75059A

#DB75DC #CA62D1 #B94FC6 #A83DBB #972AB0 #8617A5 #75059A

#DB75DC - #75059A

Mezcla HSV

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

0.0%	0.0% #DB75DC	RGB 219 117 220	#DB75DC
16.7%	16.7% #CB5DD1	RGB 203 93 209	#CB5DD1
33.3%	33.3% #BA48C6	RGB 186 72 198	#BA48C6
50.0%	50.0% #A934BB	RGB 169 52 187	#A934BB
66.7%	66.7% #9823B0	RGB 152 35 176	#9823B0
83.3%	83.3% #8613A5	RGB 134 19 165	#8613A5
100.0%	100.0% #75059A	RGB 117 5 154	#75059A

#DB75DC #CB5DD1 #BA48C6 #A934BB #9823B0 #8613A5 #75059A

#DB75DC - #A934BB - #75059A

Códigos CSS

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

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