#C077F1 - #A72FD5 | 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 #C077F1 to #A72FD5

#C077F1 #A72FD5

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

#C077F1 - #A72FD5 | 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 #C077F1 as 0% and #A72FD5 as 100%.

0.0%	0.0% #C077F1	RGB 192 119 241	#C077F1
16.7%	16.7% #BB6BEC	RGB 187 107 236	#BB6BEC
33.3%	33.3% #B75FE7	RGB 183 95 231	#B75FE7
50.0%	50.0% #B353E3	RGB 179 83 227	#B353E3
66.7%	66.7% #AF47DE	RGB 175 71 222	#AF47DE
83.3%	83.3% #AB3BD9	RGB 171 59 217	#AB3BD9
100.0%	100.0% #A72FD5	RGB 167 47 213	#A72FD5

#C077F1 #BB6BEC #B75FE7 #B353E3 #AF47DE #AB3BD9 #A72FD5

#C077F1 - #A72FD5

HSV Blend

#C077F1 - #A72FD5 | 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 #C077F1 as 0% and #A72FD5 as 100%.

0.0%	0.0% #C077F1	RGB 192 119 241	#C077F1
16.7%	16.7% #BA69EC	RGB 186 105 236	#BA69EC
33.3%	33.3% #B55DE7	RGB 181 93 231	#B55DE7
50.0%	50.0% #B151E3	RGB 177 81 227	#B151E3
66.7%	66.7% #AD45DE	RGB 173 69 222	#AD45DE
83.3%	83.3% #AA39D9	RGB 170 57 217	#AA39D9
100.0%	100.0% #A72FD5	RGB 167 47 213	#A72FD5

#C077F1 #BA69EC #B55DE7 #B151E3 #AD45DE #AA39D9 #A72FD5

#C077F1 - #B151E3 - #A72FD5

CSS codes

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

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