#CFBBC5 - #A1637A | 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 #CFBBC5 to #A1637A

#CFBBC5 #A1637A

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

#CFBBC5 - #A1637A | 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 #CFBBC5 as 0% and #A1637A as 100%.

0.0%	0.0% #CFBBC5	RGB 207 187 197	#CFBBC5
16.7%	16.7% #C7ACB8	RGB 199 172 184	#C7ACB8
33.3%	33.3% #BF9DAC	RGB 191 157 172	#BF9DAC
50.0%	50.0% #B88F9F	RGB 184 143 159	#B88F9F
66.7%	66.7% #B08093	RGB 176 128 147	#B08093
83.3%	83.3% #A87186	RGB 168 113 134	#A87186
100.0%	100.0% #A1637A	RGB 161 99 122	#A1637A

#CFBBC5 #C7ACB8 #BF9DAC #B88F9F #B08093 #A87186 #A1637A

#CFBBC5 - #A1637A

HSV Blend

#CFBBC5 - #A1637A | 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 #CFBBC5 as 0% and #A1637A as 100%.

0.0%	0.0% #CFBBC5	RGB 207 187 197	#CFBBC5
16.7%	16.7% #C7AAB8	RGB 199 170 184	#C7AAB8
33.3%	33.3% #BF9AAB	RGB 191 154 171	#BF9AAB
50.0%	50.0% #B88B9E	RGB 184 139 158	#B88B9E
66.7%	66.7% #B07D92	RGB 176 125 146	#B07D92
83.3%	83.3% #A86F86	RGB 168 111 134	#A86F86
100.0%	100.0% #A1637A	RGB 161 99 122	#A1637A

#CFBBC5 #C7AAB8 #BF9AAB #B88B9E #B07D92 #A86F86 #A1637A

#CFBBC5 - #B88B9E - #A1637A

CSS codes

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

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