#CF86CD - #A11583 | 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 #CF86CD to #A11583

#CF86CD #A11583

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

#CF86CD - #A11583 | 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 #CF86CD as 0% and #A11583 as 100%.

0.0%	0.0% #CF86CD	RGB 207 134 205	#CF86CD
16.7%	16.7% #C773C0	RGB 199 115 192	#C773C0
33.3%	33.3% #BF60B4	RGB 191 96 180	#BF60B4
50.0%	50.0% #B84DA8	RGB 184 77 168	#B84DA8
66.7%	66.7% #B03A9B	RGB 176 58 155	#B03A9B
83.3%	83.3% #A8278F	RGB 168 39 143	#A8278F
100.0%	100.0% #A11583	RGB 161 21 131	#A11583

#CF86CD #C773C0 #BF60B4 #B84DA8 #B03A9B #A8278F #A11583

#CF86CD - #A11583

HSV Blend

#CF86CD - #A11583 | 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 #CF86CD as 0% and #A11583 as 100%.

0.0%	0.0% #CF86CD	RGB 207 134 205	#CF86CD
16.7%	16.7% #C76FC2	RGB 199 111 194	#C76FC2
33.3%	33.3% #BF5BB6	RGB 191 91 182	#BF5BB6
50.0%	50.0% #B847AA	RGB 184 71 170	#B847AA
66.7%	66.7% #B0359D	RGB 176 53 157	#B0359D
83.3%	83.3% #A82490	RGB 168 36 144	#A82490
100.0%	100.0% #A11583	RGB 161 21 131	#A11583

#CF86CD #C76FC2 #BF5BB6 #B847AA #B0359D #A82490 #A11583

#CF86CD - #B847AA - #A11583

CSS codes

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

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