#CCBBC7 - #A2607D | 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 #CCBBC7 to #A2607D

#CCBBC7 #A2607D

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

#CCBBC7 - #A2607D | 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 #CCBBC7 as 0% and #A2607D as 100%.

0.0%	0.0% #CCBBC7	RGB 204 187 199	#CCBBC7
16.7%	16.7% #C5ABBA	RGB 197 171 186	#C5ABBA
33.3%	33.3% #BE9CAE	RGB 190 156 174	#BE9CAE
50.0%	50.0% #B78DA2	RGB 183 141 162	#B78DA2
66.7%	66.7% #B07E95	RGB 176 126 149	#B07E95
83.3%	83.3% #A96F89	RGB 169 111 137	#A96F89
100.0%	100.0% #A2607D	RGB 162 96 125	#A2607D

#CCBBC7 #C5ABBA #BE9CAE #B78DA2 #B07E95 #A96F89 #A2607D

#CCBBC7 - #A2607D

HSV Blend

#CCBBC7 - #A2607D | 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 #CCBBC7 as 0% and #A2607D as 100%.

0.0%	0.0% #CCBBC7	RGB 204 187 199	#CCBBC7
16.7%	16.7% #C5A9BB	RGB 197 169 187	#C5A9BB
33.3%	33.3% #BE99B0	RGB 190 153 176	#BE99B0
50.0%	50.0% #B78AA3	RGB 183 138 163	#B78AA3
66.7%	66.7% #B07B97	RGB 176 123 151	#B07B97
83.3%	83.3% #A96D8A	RGB 169 109 138	#A96D8A
100.0%	100.0% #A2607D	RGB 162 96 125	#A2607D

#CCBBC7 #C5A9BB #BE99B0 #B78AA3 #B07B97 #A96D8A #A2607D

#CCBBC7 - #B78AA3 - #A2607D

CSS codes

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

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