#CD72C9 - #B7CEE2 | 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 #CD72C9 to #B7CEE2

#CD72C9 #B7CEE2

Calculate the color between two colors, #CD72C9 and #B7CEE2. 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)

#CD72C9 - #B7CEE2 | 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 #CD72C9 as 0% and #B7CEE2 as 100%.

0.0%	0.0% #CD72C9	RGB 205 114 201	#CD72C9
16.7%	16.7% #C981CD	RGB 201 129 205	#C981CD
33.3%	33.3% #C590D1	RGB 197 144 209	#C590D1
50.0%	50.0% #C2A0D5	RGB 194 160 213	#C2A0D5
66.7%	66.7% #BEAFD9	RGB 190 175 217	#BEAFD9
83.3%	83.3% #BABEDD	RGB 186 190 221	#BABEDD
100.0%	100.0% #B7CEE2	RGB 183 206 226	#B7CEE2

#CD72C9 #C981CD #C590D1 #C2A0D5 #BEAFD9 #BABEDD #B7CEE2

#CD72C9 - #B7CEE2

HSV Blend

#CD72C9 - #B7CEE2 | 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 #CD72C9 as 0% and #B7CEE2 as 100%.

0.0%	0.0% #CD72C9	RGB 205 114 201	#CD72C9
16.7%	16.7% #BE7CD0	RGB 190 124 208	#BE7CD0
33.3%	33.3% #AF87D4	RGB 175 135 212	#AF87D4
50.0%	50.0% #A493D7	RGB 164 147 215	#A493D7
66.7%	66.7% #9E9FDB	RGB 158 159 219	#9E9FDB
83.3%	83.3% #AAB8DE	RGB 170 184 222	#AAB8DE
100.0%	100.0% #B7CEE2	RGB 183 206 226	#B7CEE2

#CD72C9 #BE7CD0 #AF87D4 #A493D7 #9E9FDB #AAB8DE #B7CEE2

#CD72C9 - #A493D7 - #B7CEE2

CSS codes

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

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