#CCBBC8 - #A35F7E | 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 #CCBBC8 to #A35F7E

#CCBBC8 #A35F7E

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

#CCBBC8 - #A35F7E | 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 #CCBBC8 as 0% and #A35F7E as 100%.

0.0%	0.0% #CCBBC8	RGB 204 187 200	#CCBBC8
16.7%	16.7% #C5ABBB	RGB 197 171 187	#C5ABBB
33.3%	33.3% #BE9CAF	RGB 190 156 175	#BE9CAF
50.0%	50.0% #B78DA3	RGB 183 141 163	#B78DA3
66.7%	66.7% #B07D96	RGB 176 125 150	#B07D96
83.3%	83.3% #A96E8A	RGB 169 110 138	#A96E8A
100.0%	100.0% #A35F7E	RGB 163 95 126	#A35F7E

#CCBBC8 #C5ABBB #BE9CAF #B78DA3 #B07D96 #A96E8A #A35F7E

#CCBBC8 - #A35F7E

HSV Blend

#CCBBC8 - #A35F7E | 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 #CCBBC8 as 0% and #A35F7E as 100%.

0.0%	0.0% #CCBBC8	RGB 204 187 200	#CCBBC8
16.7%	16.7% #C5A9BD	RGB 197 169 189	#C5A9BD
33.3%	33.3% #BE99B1	RGB 190 153 177	#BE99B1
50.0%	50.0% #B789A5	RGB 183 137 165	#B789A5
66.7%	66.7% #B07A98	RGB 176 122 152	#B07A98
83.3%	83.3% #A96C8B	RGB 169 108 139	#A96C8B
100.0%	100.0% #A35F7E	RGB 163 95 126	#A35F7E

#CCBBC8 #C5A9BD #BE99B1 #B789A5 #B07A98 #A96C8B #A35F7E

#CCBBC8 - #B789A5 - #A35F7E

CSS codes

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

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