#CFB9B9 - #AD656E | 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 #CFB9B9 to #AD656E

#CFB9B9 #AD656E

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

#CFB9B9 - #AD656E | 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 #CFB9B9 as 0% and #AD656E as 100%.

0.0%	0.0% #CFB9B9	RGB 207 185 185	#CFB9B9
16.7%	16.7% #C9ABAC	RGB 201 171 172	#C9ABAC
33.3%	33.3% #C39DA0	RGB 195 157 160	#C39DA0
50.0%	50.0% #BE8F93	RGB 190 143 147	#BE8F93
66.7%	66.7% #B88187	RGB 184 129 135	#B88187
83.3%	83.3% #B2737A	RGB 178 115 122	#B2737A
100.0%	100.0% #AD656E	RGB 173 101 110	#AD656E

#CFB9B9 #C9ABAC #C39DA0 #BE8F93 #B88187 #B2737A #AD656E

#CFB9B9 - #AD656E

HSV Blend

#CFB9B9 - #AD656E | 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 #CFB9B9 as 0% and #AD656E as 100%.

0.0%	0.0% #CFB9B9	RGB 207 185 185	#CFB9B9
16.7%	16.7% #C9A9AA	RGB 201 169 170	#C9A9AA
33.3%	33.3% #C39A9C	RGB 195 154 156	#C39A9C
50.0%	50.0% #BE8C8F	RGB 190 140 143	#BE8C8F
66.7%	66.7% #B87E83	RGB 184 126 131	#B87E83
83.3%	83.3% #B27178	RGB 178 113 120	#B27178
100.0%	100.0% #AD656E	RGB 173 101 110	#AD656E

#CFB9B9 #C9A9AA #C39A9C #BE8C8F #B87E83 #B27178 #AD656E

#CFB9B9 - #BE8C8F - #AD656E

CSS codes

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

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