#CFBAC2 - #9F6477 | 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 #CFBAC2 to #9F6477

#CFBAC2 #9F6477

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

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

0.0%	0.0% #CFBAC2	RGB 207 186 194	#CFBAC2
16.7%	16.7% #C7ABB5	RGB 199 171 181	#C7ABB5
33.3%	33.3% #BF9DA9	RGB 191 157 169	#BF9DA9
50.0%	50.0% #B78F9C	RGB 183 143 156	#B78F9C
66.7%	66.7% #AF8090	RGB 175 128 144	#AF8090
83.3%	83.3% #A77283	RGB 167 114 131	#A77283
100.0%	100.0% #9F6477	RGB 159 100 119	#9F6477

#CFBAC2 #C7ABB5 #BF9DA9 #B78F9C #AF8090 #A77283 #9F6477

#CFBAC2 - #9F6477

HSV Blend

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

0.0%	0.0% #CFBAC2	RGB 207 186 194	#CFBAC2
16.7%	16.7% #C7A9B4	RGB 199 169 180	#C7A9B4
33.3%	33.3% #BF9AA7	RGB 191 154 167	#BF9AA7
50.0%	50.0% #B78B9A	RGB 183 139 154	#B78B9A
66.7%	66.7% #AF7D8E	RGB 175 125 142	#AF7D8E
83.3%	83.3% #A77082	RGB 167 112 130	#A77082
100.0%	100.0% #9F6477	RGB 159 100 119	#9F6477

#CFBAC2 #C7A9B4 #BF9AA7 #B78B9A #AF7D8E #A77082 #9F6477

#CFBAC2 - #B78B9A - #9F6477

CSS codes

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

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