#957CAD - #EC9CFE | 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 #957CAD to #EC9CFE

#957CAD #EC9CFE

Calculate the color between two colors, #957CAD and #EC9CFE. 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)

#957CAD - #EC9CFE | 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 #957CAD as 0% and #EC9CFE as 100%.

0.0%	0.0% #957CAD	RGB 149 124 173	#957CAD
16.7%	16.7% #A381BA	RGB 163 129 186	#A381BA
33.3%	33.3% #B286C8	RGB 178 134 200	#B286C8
50.0%	50.0% #C08CD5	RGB 192 140 213	#C08CD5
66.7%	66.7% #CF91E3	RGB 207 145 227	#CF91E3
83.3%	83.3% #DD96F0	RGB 221 150 240	#DD96F0
100.0%	100.0% #EC9CFE	RGB 236 156 254	#EC9CFE

#957CAD #A381BA #B286C8 #C08CD5 #CF91E3 #DD96F0 #EC9CFE

#957CAD - #EC9CFE

HSV Blend

#957CAD - #EC9CFE | 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 #957CAD as 0% and #EC9CFE as 100%.

0.0%	0.0% #957CAD	RGB 149 124 173	#957CAD
16.7%	16.7% #A182BA	RGB 161 130 186	#A182BA
33.3%	33.3% #AF88C8	RGB 175 136 200	#AF88C8
50.0%	50.0% #BD8ED5	RGB 189 142 213	#BD8ED5
66.7%	66.7% #CC93E3	RGB 204 147 227	#CC93E3
83.3%	83.3% #DB97F0	RGB 219 151 240	#DB97F0
100.0%	100.0% #EC9CFE	RGB 236 156 254	#EC9CFE

#957CAD #A182BA #AF88C8 #BD8ED5 #CC93E3 #DB97F0 #EC9CFE

#957CAD - #BD8ED5 - #EC9CFE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #957CAD 0%, #BD8ED5 50%, #EC9CFE 100%);
    background: -webkit-linear-gradient(top, #957CAD 0%, #BD8ED5 50%, #EC9CFE 100%);
    background: linear-gradient(to bottom, #957CAD 0%, #BD8ED5 50%, #EC9CFE 100%);
}
</style>