#CCBBC5 - #9F627B | 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 #CCBBC5 to #9F627B

#CCBBC5 #9F627B

Calculate the color between two colors, #CCBBC5 and #9F627B. 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)

#CCBBC5 - #9F627B | 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 #CCBBC5 as 0% and #9F627B as 100%.

0.0%	0.0% #CCBBC5	RGB 204 187 197	#CCBBC5
16.7%	16.7% #C4ACB8	RGB 196 172 184	#C4ACB8
33.3%	33.3% #BD9DAC	RGB 189 157 172	#BD9DAC
50.0%	50.0% #B58EA0	RGB 181 142 160	#B58EA0
66.7%	66.7% #AE7F93	RGB 174 127 147	#AE7F93
83.3%	83.3% #A67087	RGB 166 112 135	#A67087
100.0%	100.0% #9F627B	RGB 159 98 123	#9F627B

#CCBBC5 #C4ACB8 #BD9DAC #B58EA0 #AE7F93 #A67087 #9F627B

#CCBBC5 - #9F627B

HSV Blend

#CCBBC5 - #9F627B | 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 #CCBBC5 as 0% and #9F627B as 100%.

0.0%	0.0% #CCBBC5	RGB 204 187 197	#CCBBC5
16.7%	16.7% #C4AAB8	RGB 196 170 184	#C4AAB8
33.3%	33.3% #BD9AAC	RGB 189 154 172	#BD9AAC
50.0%	50.0% #B58BA0	RGB 181 139 160	#B58BA0
66.7%	66.7% #AE7C93	RGB 174 124 147	#AE7C93
83.3%	83.3% #A66E87	RGB 166 110 135	#A66E87
100.0%	100.0% #9F627B	RGB 159 98 123	#9F627B

#CCBBC5 #C4AAB8 #BD9AAC #B58BA0 #AE7C93 #A66E87 #9F627B

#CCBBC5 - #B58BA0 - #9F627B

CSS codes

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

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