#DBBDD4 - #B35C8D | 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 #DBBDD4 to #B35C8D

#DBBDD4 #B35C8D

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

#DBBDD4 - #B35C8D | 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 #DBBDD4 as 0% and #B35C8D as 100%.

0.0%	0.0% #DBBDD4	RGB 219 189 212	#DBBDD4
16.7%	16.7% #D4ACC8	RGB 212 172 200	#D4ACC8
33.3%	33.3% #CD9CBC	RGB 205 156 188	#CD9CBC
50.0%	50.0% #C78CB0	RGB 199 140 176	#C78CB0
66.7%	66.7% #C07CA4	RGB 192 124 164	#C07CA4
83.3%	83.3% #B96C98	RGB 185 108 152	#B96C98
100.0%	100.0% #B35C8D	RGB 179 92 141	#B35C8D

#DBBDD4 #D4ACC8 #CD9CBC #C78CB0 #C07CA4 #B96C98 #B35C8D

#DBBDD4 - #B35C8D

HSV Blend

#DBBDD4 - #B35C8D | 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 #DBBDD4 as 0% and #B35C8D as 100%.

0.0%	0.0% #DBBDD4	RGB 219 189 212	#DBBDD4
16.7%	16.7% #D4AAC9	RGB 212 170 201	#D4AAC9
33.3%	33.3% #CD99BD	RGB 205 153 189	#CD99BD
50.0%	50.0% #C789B2	RGB 199 137 178	#C789B2
66.7%	66.7% #C079A6	RGB 192 121 166	#C079A6
83.3%	83.3% #B96A99	RGB 185 106 153	#B96A99
100.0%	100.0% #B35C8D	RGB 179 92 141	#B35C8D

#DBBDD4 #D4AAC9 #CD99BD #C789B2 #C079A6 #B96A99 #B35C8D

#DBBDD4 - #C789B2 - #B35C8D

CSS codes

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

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