#CF28FF - #C3A5E8 | 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 #CF28FF to #C3A5E8

#CF28FF #C3A5E8

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

#CF28FF - #C3A5E8 | 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 #CF28FF as 0% and #C3A5E8 as 100%.

0.0%	0.0% #CF28FF	RGB 207 40 255	#CF28FF
16.7%	16.7% #CD3CFB	RGB 205 60 251	#CD3CFB
33.3%	33.3% #CB51F7	RGB 203 81 247	#CB51F7
50.0%	50.0% #C966F3	RGB 201 102 243	#C966F3
66.7%	66.7% #C77BEF	RGB 199 123 239	#C77BEF
83.3%	83.3% #C590EB	RGB 197 144 235	#C590EB
100.0%	100.0% #C3A5E8	RGB 195 165 232	#C3A5E8

#CF28FF #CD3CFB #CB51F7 #C966F3 #C77BEF #C590EB #C3A5E8

#CF28FF - #C3A5E8

HSV Blend

#CF28FF - #C3A5E8 | 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 #CF28FF as 0% and #C3A5E8 as 100%.

0.0%	0.0% #CF27FF	RGB 207 39 255	#CF27FF
16.7%	16.7% #C63EFB	RGB 198 62 251	#C63EFB
33.3%	33.3% #C154F7	RGB 193 84 247	#C154F7
50.0%	50.0% #BE69F3	RGB 190 105 243	#BE69F3
66.7%	66.7% #BD7EEF	RGB 189 126 239	#BD7EEF
83.3%	83.3% #BF91EB	RGB 191 145 235	#BF91EB
100.0%	100.0% #C3A5E8	RGB 195 165 232	#C3A5E8

#CF27FF #C63EFB #C154F7 #BE69F3 #BD7EEF #BF91EB #C3A5E8

#CF28FF - #BE69F3 - #C3A5E8

CSS codes

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

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