#CE61C9 - #B5CEE5 | 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 #CE61C9 to #B5CEE5

#CE61C9 #B5CEE5

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

#CE61C9 - #B5CEE5 | 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 #CE61C9 as 0% and #B5CEE5 as 100%.

0.0%	0.0% #CE61C9	RGB 206 97 201	#CE61C9
16.7%	16.7% #C973CD	RGB 201 115 205	#C973CD
33.3%	33.3% #C585D2	RGB 197 133 210	#C585D2
50.0%	50.0% #C197D7	RGB 193 151 215	#C197D7
66.7%	66.7% #BDA9DB	RGB 189 169 219	#BDA9DB
83.3%	83.3% #B9BBE0	RGB 185 187 224	#B9BBE0
100.0%	100.0% #B5CEE5	RGB 181 206 229	#B5CEE5

#CE61C9 #C973CD #C585D2 #C197D7 #BDA9DB #B9BBE0 #B5CEE5

#CE61C9 - #B5CEE5

HSV Blend

#CE61C9 - #B5CEE5 | 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 #CE61C9 as 0% and #B5CEE5 as 100%.

0.0%	0.0% #CE61C9	RGB 206 97 201	#CE61C9
16.7%	16.7% #BC6DD1	RGB 188 109 209	#BC6DD1
33.3%	33.3% #AA7BD5	RGB 170 123 213	#AA7BD5
50.0%	50.0% #9E89D9	RGB 158 137 217	#9E89D9
66.7%	66.7% #9797DD	RGB 151 151 221	#9797DD
83.3%	83.3% #A5B5E1	RGB 165 181 225	#A5B5E1
100.0%	100.0% #B5CEE5	RGB 181 206 229	#B5CEE5

#CE61C9 #BC6DD1 #AA7BD5 #9E89D9 #9797DD #A5B5E1 #B5CEE5

#CE61C9 - #9E89D9 - #B5CEE5

CSS codes

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

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