#952F9F - #DFC3E3 | 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 #952F9F to #DFC3E3

#952F9F #DFC3E3

Calculate the color between two colors, #952F9F and #DFC3E3. 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)

#952F9F - #DFC3E3 | 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 #952F9F as 0% and #DFC3E3 as 100%.

0.0%	0.0% #952F9F	RGB 149 47 159	#952F9F
16.7%	16.7% #A147AA	RGB 161 71 170	#A147AA
33.3%	33.3% #AD60B5	RGB 173 96 181	#AD60B5
50.0%	50.0% #BA79C1	RGB 186 121 193	#BA79C1
66.7%	66.7% #C691CC	RGB 198 145 204	#C691CC
83.3%	83.3% #D2AAD7	RGB 210 170 215	#D2AAD7
100.0%	100.0% #DFC3E3	RGB 223 195 227	#DFC3E3

#952F9F #A147AA #AD60B5 #BA79C1 #C691CC #D2AAD7 #DFC3E3

#952F9F - #DFC3E3

HSV Blend

#952F9F - #DFC3E3 | 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 #952F9F as 0% and #DFC3E3 as 100%.

0.0%	0.0% #942F9F	RGB 148 47 159	#942F9F
16.7%	16.7% #A042AA	RGB 160 66 170	#A042AA
33.3%	33.3% #AC57B5	RGB 172 87 181	#AC57B5
50.0%	50.0% #B86FC1	RGB 184 111 193	#B86FC1
66.7%	66.7% #C489CC	RGB 196 137 204	#C489CC
83.3%	83.3% #D1A5D7	RGB 209 165 215	#D1A5D7
100.0%	100.0% #DFC3E3	RGB 223 195 227	#DFC3E3

#942F9F #A042AA #AC57B5 #B86FC1 #C489CC #D1A5D7 #DFC3E3

#952F9F - #B86FC1 - #DFC3E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #942F9F 0%, #B86FC1 50%, #DFC3E3 100%);
    background: -webkit-linear-gradient(top, #942F9F 0%, #B86FC1 50%, #DFC3E3 100%);
    background: linear-gradient(to bottom, #942F9F 0%, #B86FC1 50%, #DFC3E3 100%);
}
</style>