#CFBABC - #9F6766 | 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 #CFBABC to #9F6766

#CFBABC #9F6766

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

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

0.0%	0.0% #CFBABC	RGB 207 186 188	#CFBABC
16.7%	16.7% #C7ACAD	RGB 199 172 173	#C7ACAD
33.3%	33.3% #BF9E9F	RGB 191 158 159	#BF9E9F
50.0%	50.0% #B79091	RGB 183 144 145	#B79091
66.7%	66.7% #AF8282	RGB 175 130 130	#AF8282
83.3%	83.3% #A77474	RGB 167 116 116	#A77474
100.0%	100.0% #9F6766	RGB 159 103 102	#9F6766

#CFBABC #C7ACAD #BF9E9F #B79091 #AF8282 #A77474 #9F6766

#CFBABC - #9F6766

HSV Blend

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

0.0%	0.0% #CFBABC	RGB 207 186 188	#CFBABC
16.7%	16.7% #C7AAAC	RGB 199 170 172	#C7AAAC
33.3%	33.3% #BF9B9D	RGB 191 155 157	#BF9B9D
50.0%	50.0% #B78C8E	RGB 183 140 142	#B78C8E
66.7%	66.7% #AF7F80	RGB 175 127 128	#AF7F80
83.3%	83.3% #A77272	RGB 167 114 114	#A77272
100.0%	100.0% #9F6766	RGB 159 103 102	#9F6766

#CFBABC #C7AAAC #BF9B9D #B78C8E #AF7F80 #A77272 #9F6766

#CFBABC - #B78C8E - #9F6766

CSS codes

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

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