#DBD3E3 - #917EA5 | 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 #DBD3E3 to #917EA5

#DBD3E3 #917EA5

Calculate the color between two colors, #DBD3E3 and #917EA5. 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)

#DBD3E3 - #917EA5 | 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 #DBD3E3 as 0% and #917EA5 as 100%.

0.0%	0.0% #DBD3E3	RGB 219 211 227	#DBD3E3
16.7%	16.7% #CEC4D8	RGB 206 196 216	#CEC4D8
33.3%	33.3% #C2B6CE	RGB 194 182 206	#C2B6CE
50.0%	50.0% #B6A8C4	RGB 182 168 196	#B6A8C4
66.7%	66.7% #A99AB9	RGB 169 154 185	#A99AB9
83.3%	83.3% #9D8CAF	RGB 157 140 175	#9D8CAF
100.0%	100.0% #917EA5	RGB 145 126 165	#917EA5

#DBD3E3 #CEC4D8 #C2B6CE #B6A8C4 #A99AB9 #9D8CAF #917EA5

#DBD3E3 - #917EA5

HSV Blend

#DBD3E3 - #917EA5 | 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 #DBD3E3 as 0% and #917EA5 as 100%.

0.0%	0.0% #DBD3E3	RGB 219 211 227	#DBD3E3
16.7%	16.7% #CDC3D8	RGB 205 195 216	#CDC3D8
33.3%	33.3% #C1B4CE	RGB 193 180 206	#C1B4CE
50.0%	50.0% #B4A5C4	RGB 180 165 196	#B4A5C4
66.7%	66.7% #A898B9	RGB 168 152 185	#A898B9
83.3%	83.3% #9C8AAF	RGB 156 138 175	#9C8AAF
100.0%	100.0% #917EA5	RGB 145 126 165	#917EA5

#DBD3E3 #CDC3D8 #C1B4CE #B4A5C4 #A898B9 #9C8AAF #917EA5

#DBD3E3 - #B4A5C4 - #917EA5

CSS codes

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

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