#5E40AD - #CF95C9 | 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 #5E40AD to #CF95C9

#5E40AD #CF95C9

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

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

0.0%	0.0% #5E40AD	RGB 94 64 173	#5E40AD
16.7%	16.7% #704EB1	RGB 112 78 177	#704EB1
33.3%	33.3% #835CB6	RGB 131 92 182	#835CB6
50.0%	50.0% #966ABB	RGB 150 106 187	#966ABB
66.7%	66.7% #A978BF	RGB 169 120 191	#A978BF
83.3%	83.3% #BC86C4	RGB 188 134 196	#BC86C4
100.0%	100.0% #CF95C9	RGB 207 149 201	#CF95C9

#5E40AD #704EB1 #835CB6 #966ABB #A978BF #BC86C4 #CF95C9

#5E40AD - #CF95C9

HSV Blend

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

0.0%	0.0% #5E40AD	RGB 94 64 173	#5E40AD
16.7%	16.7% #764CB2	RGB 118 76 178	#764CB2
33.3%	33.3% #8D59B8	RGB 141 89 184	#8D59B8
50.0%	50.0% #A367BE	RGB 163 103 190	#A367BE
66.7%	66.7% #B676C3	RGB 182 118 195	#B676C3
83.3%	83.3% #C685C9	RGB 198 133 201	#C685C9
100.0%	100.0% #CF95C9	RGB 207 149 201	#CF95C9

#5E40AD #764CB2 #8D59B8 #A367BE #B676C3 #C685C9 #CF95C9

#5E40AD - #A367BE - #CF95C9

CSS codes

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

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