#CDAEB6 - #995869 | 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 #CDAEB6 to #995869

#CDAEB6 #995869

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

#CDAEB6 - #995869 | 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 #CDAEB6 as 0% and #995869 as 100%.

0.0%	0.0% #CDAEB6	RGB 205 174 182	#CDAEB6
16.7%	16.7% #C49FA9	RGB 196 159 169	#C49FA9
33.3%	33.3% #BB919C	RGB 187 145 156	#BB919C
50.0%	50.0% #B3838F	RGB 179 131 143	#B3838F
66.7%	66.7% #AA7482	RGB 170 116 130	#AA7482
83.3%	83.3% #A16675	RGB 161 102 117	#A16675
100.0%	100.0% #995869	RGB 153 88 105	#995869

#CDAEB6 #C49FA9 #BB919C #B3838F #AA7482 #A16675 #995869

#CDAEB6 - #995869

HSV Blend

#CDAEB6 - #995869 | 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 #CDAEB6 as 0% and #995869 as 100%.

0.0%	0.0% #CDAEB6	RGB 205 174 182	#CDAEB6
16.7%	16.7% #C49DA7	RGB 196 157 167	#C49DA7
33.3%	33.3% #BB8E99	RGB 187 142 153	#BB8E99
50.0%	50.0% #B37F8C	RGB 179 127 140	#B37F8C
66.7%	66.7% #AA7180	RGB 170 113 128	#AA7180
83.3%	83.3% #A16474	RGB 161 100 116	#A16474
100.0%	100.0% #995869	RGB 153 88 105	#995869

#CDAEB6 #C49DA7 #BB8E99 #B37F8C #AA7180 #A16474 #995869

#CDAEB6 - #B37F8C - #995869

CSS codes

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

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