#C7B9BC - #AE6570 | 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 #C7B9BC to #AE6570

#C7B9BC #AE6570

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

#C7B9BC - #AE6570 | 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 #C7B9BC as 0% and #AE6570 as 100%.

0.0%	0.0% #C7B9BC	RGB 199 185 188	#C7B9BC
16.7%	16.7% #C2ABAF	RGB 194 171 175	#C2ABAF
33.3%	33.3% #BE9DA2	RGB 190 157 162	#BE9DA2
50.0%	50.0% #BA8F96	RGB 186 143 150	#BA8F96
66.7%	66.7% #B68189	RGB 182 129 137	#B68189
83.3%	83.3% #B2737C	RGB 178 115 124	#B2737C
100.0%	100.0% #AE6570	RGB 174 101 112	#AE6570

#C7B9BC #C2ABAF #BE9DA2 #BA8F96 #B68189 #B2737C #AE6570

#C7B9BC - #AE6570

HSV Blend

#C7B9BC - #AE6570 | 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 #C7B9BC as 0% and #AE6570 as 100%.

0.0%	0.0% #C7B9BC	RGB 199 185 188	#C7B9BC
16.7%	16.7% #C2A9AE	RGB 194 169 174	#C2A9AE
33.3%	33.3% #BE9BA1	RGB 190 155 161	#BE9BA1
50.0%	50.0% #BA8C95	RGB 186 140 149	#BA8C95
66.7%	66.7% #B67F88	RGB 182 127 136	#B67F88
83.3%	83.3% #B2717C	RGB 178 113 124	#B2717C
100.0%	100.0% #AE6570	RGB 174 101 112	#AE6570

#C7B9BC #C2A9AE #BE9BA1 #BA8C95 #B67F88 #B2717C #AE6570

#C7B9BC - #BA8C95 - #AE6570

CSS codes

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

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