#D5B5DB - #AC60C0 | 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 #D5B5DB to #AC60C0

#D5B5DB #AC60C0

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

#D5B5DB - #AC60C0 | 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 #D5B5DB as 0% and #AC60C0 as 100%.

0.0%	0.0% #D5B5DB	RGB 213 181 219	#D5B5DB
16.7%	16.7% #CEA6D6	RGB 206 166 214	#CEA6D6
33.3%	33.3% #C798D2	RGB 199 152 210	#C798D2
50.0%	50.0% #C08ACD	RGB 192 138 205	#C08ACD
66.7%	66.7% #B97CC9	RGB 185 124 201	#B97CC9
83.3%	83.3% #B26EC4	RGB 178 110 196	#B26EC4
100.0%	100.0% #AC60C0	RGB 172 96 192	#AC60C0

#D5B5DB #CEA6D6 #C798D2 #C08ACD #B97CC9 #B26EC4 #AC60C0

#D5B5DB - #AC60C0

HSV Blend

#D5B5DB - #AC60C0 | 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 #D5B5DB as 0% and #AC60C0 as 100%.

0.0%	0.0% #D5B5DB	RGB 213 181 219	#D5B5DB
16.7%	16.7% #CEA5D6	RGB 206 165 214	#CEA5D6
33.3%	33.3% #C796D2	RGB 199 150 210	#C796D2
50.0%	50.0% #C088CD	RGB 192 136 205	#C088CD
66.7%	66.7% #B97AC9	RGB 185 122 201	#B97AC9
83.3%	83.3% #B26CC4	RGB 178 108 196	#B26CC4
100.0%	100.0% #AC60C0	RGB 172 96 192	#AC60C0

#D5B5DB #CEA5D6 #C796D2 #C088CD #B97AC9 #B26CC4 #AC60C0

#D5B5DB - #C088CD - #AC60C0

CSS codes

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

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