#CDACBC - #8B4B7E | 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 #CDACBC to #8B4B7E

#CDACBC #8B4B7E

Calculate the color between two colors, #CDACBC and #8B4B7E. 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)

#CDACBC - #8B4B7E | 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 #CDACBC as 0% and #8B4B7E as 100%.

0.0%	0.0% #CDACBC	RGB 205 172 188	#CDACBC
16.7%	16.7% #C29BB1	RGB 194 155 177	#C29BB1
33.3%	33.3% #B78BA7	RGB 183 139 167	#B78BA7
50.0%	50.0% #AC7B9D	RGB 172 123 157	#AC7B9D
66.7%	66.7% #A16B92	RGB 161 107 146	#A16B92
83.3%	83.3% #965B88	RGB 150 91 136	#965B88
100.0%	100.0% #8B4B7E	RGB 139 75 126	#8B4B7E

#CDACBC #C29BB1 #B78BA7 #AC7B9D #A16B92 #965B88 #8B4B7E

#CDACBC - #8B4B7E

HSV Blend

#CDACBC - #8B4B7E | 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 #CDACBC as 0% and #8B4B7E as 100%.

0.0%	0.0% #CDACBC	RGB 205 172 188	#CDACBC
16.7%	16.7% #C299AF	RGB 194 153 175	#C299AF
33.3%	33.3% #B787A3	RGB 183 135 163	#B787A3
50.0%	50.0% #AC7698	RGB 172 118 152	#AC7698
66.7%	66.7% #A1668F	RGB 161 102 143	#A1668F
83.3%	83.3% #965886	RGB 150 88 134	#965886
100.0%	100.0% #8B4B7E	RGB 139 75 126	#8B4B7E

#CDACBC #C299AF #B787A3 #AC7698 #A1668F #965886 #8B4B7E

#CDACBC - #AC7698 - #8B4B7E

CSS codes

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

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