#C97AFF - #811DC6 | 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 #C97AFF to #811DC6

#C97AFF #811DC6

Calculate the color between two colors, #C97AFF and #811DC6. 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)

#C97AFF - #811DC6 | 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 #C97AFF as 0% and #811DC6 as 100%.

0.0%	0.0% #C97AFF	RGB 201 122 255	#C97AFF
16.7%	16.7% #BD6AF5	RGB 189 106 245	#BD6AF5
33.3%	33.3% #B15BEC	RGB 177 91 236	#B15BEC
50.0%	50.0% #A54BE2	RGB 165 75 226	#A54BE2
66.7%	66.7% #993CD9	RGB 153 60 217	#993CD9
83.3%	83.3% #8D2CCF	RGB 141 44 207	#8D2CCF
100.0%	100.0% #811DC6	RGB 129 29 198	#811DC6

#C97AFF #BD6AF5 #B15BEC #A54BE2 #993CD9 #8D2CCF #811DC6

#C97AFF - #811DC6

HSV Blend

#C97AFF - #811DC6 | 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 #C97AFF as 0% and #811DC6 as 100%.

0.0%	0.0% #C97AFF	RGB 201 122 255	#C97AFF
16.7%	16.7% #BB67F5	RGB 187 103 245	#BB67F5
33.3%	33.3% #AF56EC	RGB 175 86 236	#AF56EC
50.0%	50.0% #A346E2	RGB 163 70 226	#A346E2
66.7%	66.7% #9737D9	RGB 151 55 217	#9737D9
83.3%	83.3% #8B29CF	RGB 139 41 207	#8B29CF
100.0%	100.0% #811DC6	RGB 129 29 198	#811DC6

#C97AFF #BB67F5 #AF56EC #A346E2 #9737D9 #8B29CF #811DC6

#C97AFF - #A346E2 - #811DC6

CSS codes

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

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