#CF8FC6 - #A2247A | 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 #CF8FC6 to #A2247A

#CF8FC6 #A2247A

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

#CF8FC6 - #A2247A | 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 #CF8FC6 as 0% and #A2247A as 100%.

0.0%	0.0% #CF8FC6	RGB 207 143 198	#CF8FC6
16.7%	16.7% #C77DB9	RGB 199 125 185	#C77DB9
33.3%	33.3% #C06BAC	RGB 192 107 172	#C06BAC
50.0%	50.0% #B859A0	RGB 184 89 160	#B859A0
66.7%	66.7% #B14793	RGB 177 71 147	#B14793
83.3%	83.3% #A93586	RGB 169 53 134	#A93586
100.0%	100.0% #A2247A	RGB 162 36 122	#A2247A

#CF8FC6 #C77DB9 #C06BAC #B859A0 #B14793 #A93586 #A2247A

#CF8FC6 - #A2247A

HSV Blend

#CF8FC6 - #A2247A | 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 #CF8FC6 as 0% and #A2247A as 100%.

0.0%	0.0% #CF8FC6	RGB 207 143 198	#CF8FC6
16.7%	16.7% #C77ABA	RGB 199 122 186	#C77ABA
33.3%	33.3% #C066AE	RGB 192 102 174	#C066AE
50.0%	50.0% #B854A1	RGB 184 84 161	#B854A1
66.7%	66.7% #B14294	RGB 177 66 148	#B14294
83.3%	83.3% #A93287	RGB 169 50 135	#A93287
100.0%	100.0% #A2247A	RGB 162 36 122	#A2247A

#CF8FC6 #C77ABA #C066AE #B854A1 #B14294 #A93287 #A2247A

#CF8FC6 - #B854A1 - #A2247A

CSS codes

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

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