#C7A8AF - #92535B | 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 #C7A8AF to #92535B

#C7A8AF #92535B

Calculate the color between two colors, #C7A8AF and #92535B. 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)

#C7A8AF - #92535B | 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 #C7A8AF as 0% and #92535B as 100%.

0.0%	0.0% #C7A8AF	RGB 199 168 175	#C7A8AF
16.7%	16.7% #BE99A1	RGB 190 153 161	#BE99A1
33.3%	33.3% #B58B93	RGB 181 139 147	#B58B93
50.0%	50.0% #AC7D85	RGB 172 125 133	#AC7D85
66.7%	66.7% #A36F77	RGB 163 111 119	#A36F77
83.3%	83.3% #9A6169	RGB 154 97 105	#9A6169
100.0%	100.0% #92535B	RGB 146 83 91	#92535B

#C7A8AF #BE99A1 #B58B93 #AC7D85 #A36F77 #9A6169 #92535B

#C7A8AF - #92535B

HSV Blend

#C7A8AF - #92535B | 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 #C7A8AF as 0% and #92535B as 100%.

0.0%	0.0% #C7A8AF	RGB 199 168 175	#C7A8AF
16.7%	16.7% #BE979F	RGB 190 151 159	#BE979F
33.3%	33.3% #B58891	RGB 181 136 145	#B58891
50.0%	50.0% #AC7982	RGB 172 121 130	#AC7982
66.7%	66.7% #A36C74	RGB 163 108 116	#A36C74
83.3%	83.3% #9A5F67	RGB 154 95 103	#9A5F67
100.0%	100.0% #92535B	RGB 146 83 91	#92535B

#C7A8AF #BE979F #B58891 #AC7982 #A36C74 #9A5F67 #92535B

#C7A8AF - #AC7982 - #92535B

CSS codes

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

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