#C9AFE3 - #994DB4 | 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 #C9AFE3 to #994DB4

#C9AFE3 #994DB4

Calculate the color between two colors, #C9AFE3 and #994DB4. 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)

#C9AFE3 - #994DB4 | 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 #C9AFE3 as 0% and #994DB4 as 100%.

0.0%	0.0% #C9AFE3	RGB 201 175 227	#C9AFE3
16.7%	16.7% #C19EDB	RGB 193 158 219	#C19EDB
33.3%	33.3% #B98ED3	RGB 185 142 211	#B98ED3
50.0%	50.0% #B17ECB	RGB 177 126 203	#B17ECB
66.7%	66.7% #A96DC3	RGB 169 109 195	#A96DC3
83.3%	83.3% #A15DBB	RGB 161 93 187	#A15DBB
100.0%	100.0% #994DB4	RGB 153 77 180	#994DB4

#C9AFE3 #C19EDB #B98ED3 #B17ECB #A96DC3 #A15DBB #994DB4

#C9AFE3 - #994DB4

HSV Blend

#C9AFE3 - #994DB4 | 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 #C9AFE3 as 0% and #994DB4 as 100%.

0.0%	0.0% #C9AFE3	RGB 201 175 227	#C9AFE3
16.7%	16.7% #BE9CDB	RGB 190 156 219	#BE9CDB
33.3%	33.3% #B48AD3	RGB 180 138 211	#B48AD3
50.0%	50.0% #AC79CB	RGB 172 121 203	#AC79CB
66.7%	66.7% #A56AC3	RGB 165 106 195	#A56AC3
83.3%	83.3% #9E5BBB	RGB 158 91 187	#9E5BBB
100.0%	100.0% #994DB4	RGB 153 77 180	#994DB4

#C9AFE3 #BE9CDB #B48AD3 #AC79CB #A56AC3 #9E5BBB #994DB4

#C9AFE3 - #AC79CB - #994DB4

CSS codes

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

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