#CF6AAA - #94095B | 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 #CF6AAA to #94095B

#CF6AAA #94095B

Calculate the color between two colors, #CF6AAA and #94095B. 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)

#CF6AAA - #94095B | 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 #CF6AAA as 0% and #94095B as 100%.

0.0%	0.0% #CF6AAA	RGB 207 106 170	#CF6AAA
16.7%	16.7% #C5599C	RGB 197 89 156	#C5599C
33.3%	33.3% #BB498F	RGB 187 73 143	#BB498F
50.0%	50.0% #B13982	RGB 177 57 130	#B13982
66.7%	66.7% #A72975	RGB 167 41 117	#A72975
83.3%	83.3% #9D1968	RGB 157 25 104	#9D1968
100.0%	100.0% #94095B	RGB 148 9 91	#94095B

#CF6AAA #C5599C #BB498F #B13982 #A72975 #9D1968 #94095B

#CF6AAA - #94095B

HSV Blend

#CF6AAA - #94095B | 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 #CF6AAA as 0% and #94095B as 100%.

0.0%	0.0% #CF6AAA	RGB 207 106 170	#CF6AAA
16.7%	16.7% #C5569B	RGB 197 86 155	#C5569B
33.3%	33.3% #BB438D	RGB 187 67 141	#BB438D
50.0%	50.0% #B13280	RGB 177 50 128	#B13280
66.7%	66.7% #A72373	RGB 167 35 115	#A72373
83.3%	83.3% #9D1566	RGB 157 21 102	#9D1566
100.0%	100.0% #94095B	RGB 148 9 91	#94095B

#CF6AAA #C5569B #BB438D #B13280 #A72373 #9D1566 #94095B

#CF6AAA - #B13280 - #94095B

CSS codes

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

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