#703C7E - #DD5CD0 | 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 #703C7E to #DD5CD0

#703C7E #DD5CD0

Calculate the color between two colors, #703C7E and #DD5CD0. 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)

#703C7E - #DD5CD0 | 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 #703C7E as 0% and #DD5CD0 as 100%.

0.0%	0.0% #703C7E	RGB 112 60 126	#703C7E
16.7%	16.7% #82418B	RGB 130 65 139	#82418B
33.3%	33.3% #944699	RGB 148 70 153	#944699
50.0%	50.0% #A64CA7	RGB 166 76 167	#A64CA7
66.7%	66.7% #B851B4	RGB 184 81 180	#B851B4
83.3%	83.3% #CA56C2	RGB 202 86 194	#CA56C2
100.0%	100.0% #DD5CD0	RGB 221 92 208	#DD5CD0

#703C7E #82418B #944699 #A64CA7 #B851B4 #CA56C2 #DD5CD0

#703C7E - #DD5CD0

HSV Blend

#703C7E - #DD5CD0 | 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 #703C7E as 0% and #DD5CD0 as 100%.

0.0%	0.0% #703C7E	RGB 112 60 126	#703C7E
16.7%	16.7% #81428D	RGB 129 66 141	#81428D
33.3%	33.3% #94479D	RGB 148 71 157	#94479D
50.0%	50.0% #A84DAD	RGB 168 77 173	#A84DAD
66.7%	66.7% #BC52BD	RGB 188 82 189	#BC52BD
83.3%	83.3% #CD57C7	RGB 205 87 199	#CD57C7
100.0%	100.0% #DD5CD0	RGB 221 92 208	#DD5CD0

#703C7E #81428D #94479D #A84DAD #BC52BD #CD57C7 #DD5CD0

#703C7E - #A84DAD - #DD5CD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #703C7E 0%, #A84DAD 50%, #DD5CD0 100%);
    background: -webkit-linear-gradient(top, #703C7E 0%, #A84DAD 50%, #DD5CD0 100%);
    background: linear-gradient(to bottom, #703C7E 0%, #A84DAD 50%, #DD5CD0 100%);
}
</style>