#5E3C9C - #D28DB7 | 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 #5E3C9C to #D28DB7

#5E3C9C #D28DB7

Calculate the color between two colors, #5E3C9C and #D28DB7. 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)

#5E3C9C - #D28DB7 | 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 #5E3C9C as 0% and #D28DB7 as 100%.

0.0%	0.0% #5E3C9C	RGB 94 60 156	#5E3C9C
16.7%	16.7% #7149A0	RGB 113 73 160	#7149A0
33.3%	33.3% #8457A5	RGB 132 87 165	#8457A5
50.0%	50.0% #9864A9	RGB 152 100 169	#9864A9
66.7%	66.7% #AB72AE	RGB 171 114 174	#AB72AE
83.3%	83.3% #BE7FB2	RGB 190 127 178	#BE7FB2
100.0%	100.0% #D28DB7	RGB 210 141 183	#D28DB7

#5E3C9C #7149A0 #8457A5 #9864A9 #AB72AE #BE7FB2 #D28DB7

#5E3C9C - #D28DB7

HSV Blend

#5E3C9C - #D28DB7 | 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 #5E3C9C as 0% and #D28DB7 as 100%.

0.0%	0.0% #5D3C9C	RGB 93 60 156	#5D3C9C
16.7%	16.7% #7847A5	RGB 120 71 165	#7847A5
33.3%	33.3% #9253AE	RGB 146 83 174	#9253AE
50.0%	50.0% #AC60B7	RGB 172 96 183	#AC60B7
66.7%	66.7% #C06EBC	RGB 192 110 188	#C06EBC
83.3%	83.3% #C97DB8	RGB 201 125 184	#C97DB8
100.0%	100.0% #D28DB7	RGB 210 141 183	#D28DB7

#5D3C9C #7847A5 #9253AE #AC60B7 #C06EBC #C97DB8 #D28DB7

#5E3C9C - #AC60B7 - #D28DB7

CSS codes

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

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