#C8AFB5 - #945B68 | 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 #C8AFB5 to #945B68

#C8AFB5 #945B68

Calculate the color between two colors, #C8AFB5 and #945B68. 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)

#C8AFB5 - #945B68 | 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 #C8AFB5 as 0% and #945B68 as 100%.

0.0%	0.0% #C8AFB5	RGB 200 175 181	#C8AFB5
16.7%	16.7% #BFA1A8	RGB 191 161 168	#BFA1A8
33.3%	33.3% #B6939B	RGB 182 147 155	#B6939B
50.0%	50.0% #AE858E	RGB 174 133 142	#AE858E
66.7%	66.7% #A57781	RGB 165 119 129	#A57781
83.3%	83.3% #9C6974	RGB 156 105 116	#9C6974
100.0%	100.0% #945B68	RGB 148 91 104	#945B68

#C8AFB5 #BFA1A8 #B6939B #AE858E #A57781 #9C6974 #945B68

#C8AFB5 - #945B68

HSV Blend

#C8AFB5 - #945B68 | 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 #C8AFB5 as 0% and #945B68 as 100%.

0.0%	0.0% #C8AFB5	RGB 200 175 181	#C8AFB5
16.7%	16.7% #BF9FA6	RGB 191 159 166	#BF9FA6
33.3%	33.3% #B68F99	RGB 182 143 153	#B68F99
50.0%	50.0% #AE818C	RGB 174 129 140	#AE818C
66.7%	66.7% #A5737F	RGB 165 115 127	#A5737F
83.3%	83.3% #9C6773	RGB 156 103 115	#9C6773
100.0%	100.0% #945B68	RGB 148 91 104	#945B68

#C8AFB5 #BF9FA6 #B68F99 #AE818C #A5737F #9C6773 #945B68

#C8AFB5 - #AE818C - #945B68

CSS codes

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

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