#CF5EDA - #9F1BAE | 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 #CF5EDA to #9F1BAE

#CF5EDA #9F1BAE

Calculate the color between two colors, #CF5EDA and #9F1BAE. 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)

#CF5EDA - #9F1BAE | 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 #CF5EDA as 0% and #9F1BAE as 100%.

0.0%	0.0% #CF5EDA	RGB 207 94 218	#CF5EDA
16.7%	16.7% #C752D2	RGB 199 82 210	#C752D2
33.3%	33.3% #BF47CB	RGB 191 71 203	#BF47CB
50.0%	50.0% #B73CC4	RGB 183 60 196	#B73CC4
66.7%	66.7% #AF31BC	RGB 175 49 188	#AF31BC
83.3%	83.3% #A726B5	RGB 167 38 181	#A726B5
100.0%	100.0% #9F1BAE	RGB 159 27 174	#9F1BAE

#CF5EDA #C752D2 #BF47CB #B73CC4 #AF31BC #A726B5 #9F1BAE

#CF5EDA - #9F1BAE

HSV Blend

#CF5EDA - #9F1BAE | 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 #CF5EDA as 0% and #9F1BAE as 100%.

0.0%	0.0% #CF5EDA	RGB 207 94 218	#CF5EDA
16.7%	16.7% #C651D2	RGB 198 81 210	#C651D2
33.3%	33.3% #BE44CB	RGB 190 68 203	#BE44CB
50.0%	50.0% #B639C4	RGB 182 57 196	#B639C4
66.7%	66.7% #AE2EBC	RGB 174 46 188	#AE2EBC
83.3%	83.3% #A624B5	RGB 166 36 181	#A624B5
100.0%	100.0% #9F1BAE	RGB 159 27 174	#9F1BAE

#CF5EDA #C651D2 #BE44CB #B639C4 #AE2EBC #A624B5 #9F1BAE

#CF5EDA - #B639C4 - #9F1BAE

CSS codes

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

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