#5E2C52 - #D34BCB | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5E2C52 to #D34BCB

#5E2C52 #D34BCB

Calculate the color between two colors, #5E2C52 and #D34BCB. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5E2C52 - #D34BCB | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5E2C52 as 0% and #D34BCB as 100%.

0.0%	0.0% #5E2C52	RGB 94 44 82	#5E2C52
16.7%	16.7% #713166	RGB 113 49 102	#713166
33.3%	33.3% #85367A	RGB 133 54 122	#85367A
50.0%	50.0% #983B8E	RGB 152 59 142	#983B8E
66.7%	66.7% #AC40A2	RGB 172 64 162	#AC40A2
83.3%	83.3% #BF45B6	RGB 191 69 182	#BF45B6
100.0%	100.0% #D34BCB	RGB 211 75 203	#D34BCB

#5E2C52 #713166 #85367A #983B8E #AC40A2 #BF45B6 #D34BCB

#5E2C52 - #D34BCB

HSV Blend

#5E2C52 - #D34BCB | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5E2C52 as 0% and #D34BCB as 100%.

0.0%	0.0% #5E2C52	RGB 94 44 82	#5E2C52
16.7%	16.7% #713264	RGB 113 50 100	#713264
33.3%	33.3% #853977	RGB 133 57 119	#853977
50.0%	50.0% #983E8B	RGB 152 62 139	#983E8B
66.7%	66.7% #AC439F	RGB 172 67 159	#AC439F
83.3%	83.3% #BF47B4	RGB 191 71 180	#BF47B4
100.0%	100.0% #D34BCB	RGB 211 75 203	#D34BCB

#5E2C52 #713264 #853977 #983E8B #AC439F #BF47B4 #D34BCB

#5E2C52 - #983E8B - #D34BCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2C52 0%, #983E8B 50%, #D34BCB 100%);
    background: -webkit-linear-gradient(top, #5E2C52 0%, #983E8B 50%, #D34BCB 100%);
    background: linear-gradient(to bottom, #5E2C52 0%, #983E8B 50%, #D34BCB 100%);
}
</style>