#DEB5F9 - #B05EEB | 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 #DEB5F9 to #B05EEB

#DEB5F9 #B05EEB

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

#DEB5F9 - #B05EEB | 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 #DEB5F9 as 0% and #B05EEB as 100%.

0.0%	0.0% #DEB5F9	RGB 222 181 249	#DEB5F9
16.7%	16.7% #D6A6F6	RGB 214 166 246	#D6A6F6
33.3%	33.3% #CE98F4	RGB 206 152 244	#CE98F4
50.0%	50.0% #C789F2	RGB 199 137 242	#C789F2
66.7%	66.7% #BF7BEF	RGB 191 123 239	#BF7BEF
83.3%	83.3% #B76CED	RGB 183 108 237	#B76CED
100.0%	100.0% #B05EEB	RGB 176 94 235	#B05EEB

#DEB5F9 #D6A6F6 #CE98F4 #C789F2 #BF7BEF #B76CED #B05EEB

#DEB5F9 - #B05EEB

HSV Blend

#DEB5F9 - #B05EEB | 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 #DEB5F9 as 0% and #B05EEB as 100%.

0.0%	0.0% #DEB5F9	RGB 222 181 249	#DEB5F9
16.7%	16.7% #D6A5F6	RGB 214 165 246	#D6A5F6
33.3%	33.3% #CE96F4	RGB 206 150 244	#CE96F4
50.0%	50.0% #C688F2	RGB 198 136 242	#C688F2
66.7%	66.7% #BF79EF	RGB 191 121 239	#BF79EF
83.3%	83.3% #B76BED	RGB 183 107 237	#B76BED
100.0%	100.0% #B05EEB	RGB 176 94 235	#B05EEB

#DEB5F9 #D6A5F6 #CE96F4 #C688F2 #BF79EF #B76BED #B05EEB

#DEB5F9 - #C688F2 - #B05EEB

CSS codes

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

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