#DBD4F7 - #9476C2 | 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 #DBD4F7 to #9476C2

#DBD4F7 #9476C2

Calculate the color between two colors, #DBD4F7 and #9476C2. 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)

#DBD4F7 - #9476C2 | 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 #DBD4F7 as 0% and #9476C2 as 100%.

0.0%	0.0% #DBD4F7	RGB 219 212 247	#DBD4F7
16.7%	16.7% #CFC4EE	RGB 207 196 238	#CFC4EE
33.3%	33.3% #C3B4E5	RGB 195 180 229	#C3B4E5
50.0%	50.0% #B7A5DC	RGB 183 165 220	#B7A5DC
66.7%	66.7% #AB95D3	RGB 171 149 211	#AB95D3
83.3%	83.3% #9F85CA	RGB 159 133 202	#9F85CA
100.0%	100.0% #9476C2	RGB 148 118 194	#9476C2

#DBD4F7 #CFC4EE #C3B4E5 #B7A5DC #AB95D3 #9F85CA #9476C2

#DBD4F7 - #9476C2

HSV Blend

#DBD4F7 - #9476C2 | 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 #DBD4F7 as 0% and #9476C2 as 100%.

0.0%	0.0% #DBD4F7	RGB 219 212 247	#DBD4F7
16.7%	16.7% #CCC2EE	RGB 204 194 238	#CCC2EE
33.3%	33.3% #BFB1E5	RGB 191 177 229	#BFB1E5
50.0%	50.0% #B3A1DC	RGB 179 161 220	#B3A1DC
66.7%	66.7% #A792D3	RGB 167 146 211	#A792D3
83.3%	83.3% #9D83CA	RGB 157 131 202	#9D83CA
100.0%	100.0% #9476C2	RGB 148 118 194	#9476C2

#DBD4F7 #CCC2EE #BFB1E5 #B3A1DC #A792D3 #9D83CA #9476C2

#DBD4F7 - #B3A1DC - #9476C2

CSS codes

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

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