#C7A8AB - #A65363 | 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 #C7A8AB to #A65363

#C7A8AB #A65363

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

#C7A8AB - #A65363 | 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 #C7A8AB as 0% and #A65363 as 100%.

0.0%	0.0% #C7A8AB	RGB 199 168 171	#C7A8AB
16.7%	16.7% #C1999F	RGB 193 153 159	#C1999F
33.3%	33.3% #BC8B93	RGB 188 139 147	#BC8B93
50.0%	50.0% #B67D87	RGB 182 125 135	#B67D87
66.7%	66.7% #B16F7B	RGB 177 111 123	#B16F7B
83.3%	83.3% #AB616F	RGB 171 97 111	#AB616F
100.0%	100.0% #A65363	RGB 166 83 99	#A65363

#C7A8AB #C1999F #BC8B93 #B67D87 #B16F7B #AB616F #A65363

#C7A8AB - #A65363

HSV Blend

#C7A8AB - #A65363 | 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 #C7A8AB as 0% and #A65363 as 100%.

0.0%	0.0% #C7A8AB	RGB 199 168 171	#C7A8AB
16.7%	16.7% #C1989C	RGB 193 152 156	#C1989C
33.3%	33.3% #BC898F	RGB 188 137 143	#BC898F
50.0%	50.0% #B67A83	RGB 182 122 131	#B67A83
66.7%	66.7% #B16C77	RGB 177 108 119	#B16C77
83.3%	83.3% #AB5F6D	RGB 171 95 109	#AB5F6D
100.0%	100.0% #A65363	RGB 166 83 99	#A65363

#C7A8AB #C1989C #BC898F #B67A83 #B16C77 #AB5F6D #A65363

#C7A8AB - #B67A83 - #A65363

CSS codes

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

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