#DBD3E5 - #B777C4 | 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 #DBD3E5 to #B777C4

#DBD3E5 #B777C4

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

#DBD3E5 - #B777C4 | 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 #DBD3E5 as 0% and #B777C4 as 100%.

0.0%	0.0% #DBD3E5	RGB 219 211 229	#DBD3E5
16.7%	16.7% #D5C3DF	RGB 213 195 223	#D5C3DF
33.3%	33.3% #CFB4DA	RGB 207 180 218	#CFB4DA
50.0%	50.0% #C9A5D4	RGB 201 165 212	#C9A5D4
66.7%	66.7% #C395CF	RGB 195 149 207	#C395CF
83.3%	83.3% #BD86C9	RGB 189 134 201	#BD86C9
100.0%	100.0% #B777C4	RGB 183 119 196	#B777C4

#DBD3E5 #D5C3DF #CFB4DA #C9A5D4 #C395CF #BD86C9 #B777C4

#DBD3E5 - #B777C4

HSV Blend

#DBD3E5 - #B777C4 | 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 #DBD3E5 as 0% and #B777C4 as 100%.

0.0%	0.0% #DBD3E5	RGB 219 211 229	#DBD3E5
16.7%	16.7% #D1C2DF	RGB 209 194 223	#D1C2DF
33.3%	33.3% #C8B2DA	RGB 200 178 218	#C8B2DA
50.0%	50.0% #C2A2D4	RGB 194 162 212	#C2A2D4
66.7%	66.7% #BD93CF	RGB 189 147 207	#BD93CF
83.3%	83.3% #B984C9	RGB 185 132 201	#B984C9
100.0%	100.0% #B777C4	RGB 183 119 196	#B777C4

#DBD3E5 #D1C2DF #C8B2DA #C2A2D4 #BD93CF #B984C9 #B777C4

#DBD3E5 - #C2A2D4 - #B777C4

CSS codes

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

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