#CF9FD6 - #913A8A | 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 #CF9FD6 to #913A8A

#CF9FD6 #913A8A

Calculate the color between two colors, #CF9FD6 and #913A8A. 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)

#CF9FD6 - #913A8A | 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 #CF9FD6 as 0% and #913A8A as 100%.

0.0%	0.0% #CF9FD6	RGB 207 159 214	#CF9FD6
16.7%	16.7% #C48EC9	RGB 196 142 201	#C48EC9
33.3%	33.3% #BA7DBC	RGB 186 125 188	#BA7DBC
50.0%	50.0% #B06CB0	RGB 176 108 176	#B06CB0
66.7%	66.7% #A55BA3	RGB 165 91 163	#A55BA3
83.3%	83.3% #9B4A96	RGB 155 74 150	#9B4A96
100.0%	100.0% #913A8A	RGB 145 58 138	#913A8A

#CF9FD6 #C48EC9 #BA7DBC #B06CB0 #A55BA3 #9B4A96 #913A8A

#CF9FD6 - #913A8A

HSV Blend

#CF9FD6 - #913A8A | 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 #CF9FD6 as 0% and #913A8A as 100%.

0.0%	0.0% #CF9FD6	RGB 207 159 214	#CF9FD6
16.7%	16.7% #C48ACA	RGB 196 138 202	#C48ACA
33.3%	33.3% #BA78BF	RGB 186 120 191	#BA78BF
50.0%	50.0% #B166B3	RGB 177 102 179	#B166B3
66.7%	66.7% #A856A7	RGB 168 86 167	#A856A7
83.3%	83.3% #9C4798	RGB 156 71 152	#9C4798
100.0%	100.0% #913A8A	RGB 145 58 138	#913A8A

#CF9FD6 #C48ACA #BA78BF #B166B3 #A856A7 #9C4798 #913A8A

#CF9FD6 - #B166B3 - #913A8A

CSS codes

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

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