#5E0656 - #D1B7CE | 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 #5E0656 to #D1B7CE

#5E0656 #D1B7CE

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

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

0.0%	0.0% #5E0656	RGB 94 6 86	#5E0656
16.7%	16.7% #71236A	RGB 113 35 106	#71236A
33.3%	33.3% #84417E	RGB 132 65 126	#84417E
50.0%	50.0% #975E92	RGB 151 94 146	#975E92
66.7%	66.7% #AA7CA6	RGB 170 124 166	#AA7CA6
83.3%	83.3% #BD99BA	RGB 189 153 186	#BD99BA
100.0%	100.0% #D1B7CE	RGB 209 183 206	#D1B7CE

#5E0656 #71236A #84417E #975E92 #AA7CA6 #BD99BA #D1B7CE

#5E0656 - #D1B7CE

HSV Blend

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

0.0%	0.0% #5E0555	RGB 94 5 85	#5E0555
16.7%	16.7% #711668	RGB 113 22 104	#711668
33.3%	33.3% #842C7B	RGB 132 44 123	#842C7B
50.0%	50.0% #97478F	RGB 151 71 143	#97478F
66.7%	66.7% #AA67A3	RGB 170 103 163	#AA67A3
83.3%	83.3% #BD8CB8	RGB 189 140 184	#BD8CB8
100.0%	100.0% #D1B7CE	RGB 209 183 206	#D1B7CE

#5E0555 #711668 #842C7B #97478F #AA67A3 #BD8CB8 #D1B7CE

#5E0656 - #97478F - #D1B7CE

CSS codes

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

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