#5E617C - #D991ED | 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 #5E617C to #D991ED

#5E617C #D991ED

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

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

0.0%	0.0% #5E617C	RGB 94 97 124	#5E617C
16.7%	16.7% #72698E	RGB 114 105 142	#72698E
33.3%	33.3% #8771A1	RGB 135 113 161	#8771A1
50.0%	50.0% #9B79B4	RGB 155 121 180	#9B79B4
66.7%	66.7% #B081C7	RGB 176 129 199	#B081C7
83.3%	83.3% #C489DA	RGB 196 137 218	#C489DA
100.0%	100.0% #D991ED	RGB 217 145 237	#D991ED

#5E617C #72698E #8771A1 #9B79B4 #B081C7 #C489DA #D991ED

#5E617C - #D991ED

HSV Blend

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

0.0%	0.0% #5E617C	RGB 94 97 124	#5E617C
16.7%	16.7% #6A688E	RGB 106 104 142	#6A688E
33.3%	33.3% #7B72A1	RGB 123 114 161	#7B72A1
50.0%	50.0% #8F7BB4	RGB 143 123 180	#8F7BB4
66.7%	66.7% #A483C7	RGB 164 131 199	#A483C7
83.3%	83.3% #BD8ADA	RGB 189 138 218	#BD8ADA
100.0%	100.0% #D991ED	RGB 217 145 237	#D991ED

#5E617C #6A688E #7B72A1 #8F7BB4 #A483C7 #BD8ADA #D991ED

#5E617C - #8F7BB4 - #D991ED

CSS codes

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

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