#5E3E99 - #D48FB3 | 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 #5E3E99 to #D48FB3

#5E3E99 #D48FB3

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

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

0.0%	0.0% #5E3E99	RGB 94 62 153	#5E3E99
16.7%	16.7% #714B9D	RGB 113 75 157	#714B9D
33.3%	33.3% #8559A1	RGB 133 89 161	#8559A1
50.0%	50.0% #9966A6	RGB 153 102 166	#9966A6
66.7%	66.7% #AC74AA	RGB 172 116 170	#AC74AA
83.3%	83.3% #C081AE	RGB 192 129 174	#C081AE
100.0%	100.0% #D48FB3	RGB 212 143 179	#D48FB3

#5E3E99 #714B9D #8559A1 #9966A6 #AC74AA #C081AE #D48FB3

#5E3E99 - #D48FB3

HSV Blend

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

0.0%	0.0% #5E3E99	RGB 94 62 153	#5E3E99
16.7%	16.7% #7949A2	RGB 121 73 162	#7949A2
33.3%	33.3% #9455AC	RGB 148 85 172	#9455AC
50.0%	50.0% #AF62B6	RGB 175 98 182	#AF62B6
66.7%	66.7% #C070B8	RGB 192 112 184	#C070B8
83.3%	83.3% #CA7FB4	RGB 202 127 180	#CA7FB4
100.0%	100.0% #D48FB3	RGB 212 143 179	#D48FB3

#5E3E99 #7949A2 #9455AC #AF62B6 #C070B8 #CA7FB4 #D48FB3

#5E3E99 - #AF62B6 - #D48FB3

CSS codes

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

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