#C8AFB8 - #AC5A79 | 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 #C8AFB8 to #AC5A79

#C8AFB8 #AC5A79

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

#C8AFB8 - #AC5A79 | 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 #C8AFB8 as 0% and #AC5A79 as 100%.

0.0%	0.0% #C8AFB8	RGB 200 175 184	#C8AFB8
16.7%	16.7% #C3A0AD	RGB 195 160 173	#C3A0AD
33.3%	33.3% #BE92A3	RGB 190 146 163	#BE92A3
50.0%	50.0% #BA8498	RGB 186 132 152	#BA8498
66.7%	66.7% #B5768E	RGB 181 118 142	#B5768E
83.3%	83.3% #B06883	RGB 176 104 131	#B06883
100.0%	100.0% #AC5A79	RGB 172 90 121	#AC5A79

#C8AFB8 #C3A0AD #BE92A3 #BA8498 #B5768E #B06883 #AC5A79

#C8AFB8 - #AC5A79

HSV Blend

#C8AFB8 - #AC5A79 | 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 #C8AFB8 as 0% and #AC5A79 as 100%.

0.0%	0.0% #C8AFB8	RGB 200 175 184	#C8AFB8
16.7%	16.7% #C39FAC	RGB 195 159 172	#C39FAC
33.3%	33.3% #BE90A1	RGB 190 144 161	#BE90A1
50.0%	50.0% #BA8296	RGB 186 130 150	#BA8296
66.7%	66.7% #B5748C	RGB 181 116 140	#B5748C
83.3%	83.3% #B06682	RGB 176 102 130	#B06682
100.0%	100.0% #AC5A79	RGB 172 90 121	#AC5A79

#C8AFB8 #C39FAC #BE90A1 #BA8296 #B5748C #B06682 #AC5A79

#C8AFB8 - #BA8296 - #AC5A79

CSS codes

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

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