#CD7DF7 - #6D01C0 | 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 #CD7DF7 to #6D01C0

#CD7DF7 #6D01C0

Calculate the color between two colors, #CD7DF7 and #6D01C0. 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)

#CD7DF7 - #6D01C0 | 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 #CD7DF7 as 0% and #6D01C0 as 100%.

0.0%	0.0% #CD7DF7	RGB 205 125 247	#CD7DF7
16.7%	16.7% #BD68ED	RGB 189 104 237	#BD68ED
33.3%	33.3% #AD53E4	RGB 173 83 228	#AD53E4
50.0%	50.0% #9D3FDB	RGB 157 63 219	#9D3FDB
66.7%	66.7% #8D2AD2	RGB 141 42 210	#8D2AD2
83.3%	83.3% #7D15C9	RGB 125 21 201	#7D15C9
100.0%	100.0% #6D01C0	RGB 109 1 192	#6D01C0

#CD7DF7 #BD68ED #AD53E4 #9D3FDB #8D2AD2 #7D15C9 #6D01C0

#CD7DF7 - #6D01C0

HSV Blend

#CD7DF7 - #6D01C0 | 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 #CD7DF7 as 0% and #6D01C0 as 100%.

0.0%	0.0% #CD7DF7	RGB 205 125 247	#CD7DF7
16.7%	16.7% #BC64ED	RGB 188 100 237	#BC64ED
33.3%	33.3% #AC4DE4	RGB 172 77 228	#AC4DE4
50.0%	50.0% #9B38DB	RGB 155 56 219	#9B38DB
66.7%	66.7% #8B24D2	RGB 139 36 210	#8B24D2
83.3%	83.3% #7C11C9	RGB 124 17 201	#7C11C9
100.0%	100.0% #6D01C0	RGB 109 1 192	#6D01C0

#CD7DF7 #BC64ED #AC4DE4 #9B38DB #8B24D2 #7C11C9 #6D01C0

#CD7DF7 - #9B38DB - #6D01C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD7DF7 0%, #9B38DB 50%, #6D01C0 100%);
    background: -webkit-linear-gradient(top, #CD7DF7 0%, #9B38DB 50%, #6D01C0 100%);
    background: linear-gradient(to bottom, #CD7DF7 0%, #9B38DB 50%, #6D01C0 100%);
}
</style>