#C5ABF5 - #D2D0EB | 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 #C5ABF5 to #D2D0EB

#C5ABF5 #D2D0EB

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

#C5ABF5 - #D2D0EB | 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 #C5ABF5 as 0% and #D2D0EB as 100%.

0.0%	0.0% #C5ABF5	RGB 197 171 245	#C5ABF5
16.7%	16.7% #C7B1F3	RGB 199 177 243	#C7B1F3
33.3%	33.3% #C9B7F1	RGB 201 183 241	#C9B7F1
50.0%	50.0% #CBBDF0	RGB 203 189 240	#CBBDF0
66.7%	66.7% #CDC3EE	RGB 205 195 238	#CDC3EE
83.3%	83.3% #CFC9EC	RGB 207 201 236	#CFC9EC
100.0%	100.0% #D2D0EB	RGB 210 208 235	#D2D0EB

#C5ABF5 #C7B1F3 #C9B7F1 #CBBDF0 #CDC3EE #CFC9EC #D2D0EB

#C5ABF5 - #D2D0EB

HSV Blend

#C5ABF5 - #D2D0EB | 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 #C5ABF5 as 0% and #D2D0EB as 100%.

0.0%	0.0% #C5ABF5	RGB 197 171 245	#C5ABF5
16.7%	16.7% #C5B1F3	RGB 197 177 243	#C5B1F3
33.3%	33.3% #C6B7F1	RGB 198 183 241	#C6B7F1
50.0%	50.0% #C8BDF0	RGB 200 189 240	#C8BDF0
66.7%	66.7% #CBC4EE	RGB 203 196 238	#CBC4EE
83.3%	83.3% #CECAEC	RGB 206 202 236	#CECAEC
100.0%	100.0% #D2D0EB	RGB 210 208 235	#D2D0EB

#C5ABF5 #C5B1F3 #C6B7F1 #C8BDF0 #CBC4EE #CECAEC #D2D0EB

#C5ABF5 - #C8BDF0 - #D2D0EB

CSS codes

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

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