#D4BDFD - #D5E4E5 | 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 #D4BDFD to #D5E4E5

#D4BDFD #D5E4E5

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

#D4BDFD - #D5E4E5 | 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 #D4BDFD as 0% and #D5E4E5 as 100%.

0.0%	0.0% #D4BDFD	RGB 212 189 253	#D4BDFD
16.7%	16.7% #D4C3F9	RGB 212 195 249	#D4C3F9
33.3%	33.3% #D4CAF5	RGB 212 202 245	#D4CAF5
50.0%	50.0% #D4D0F1	RGB 212 208 241	#D4D0F1
66.7%	66.7% #D4D7ED	RGB 212 215 237	#D4D7ED
83.3%	83.3% #D4DDE9	RGB 212 221 233	#D4DDE9
100.0%	100.0% #D5E4E5	RGB 213 228 229	#D5E4E5

#D4BDFD #D4C3F9 #D4CAF5 #D4D0F1 #D4D7ED #D4DDE9 #D5E4E5

#D4BDFD - #D5E4E5

HSV Blend

#D4BDFD - #D5E4E5 | 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 #D4BDFD as 0% and #D5E4E5 as 100%.

0.0%	0.0% #D4BDFD	RGB 212 189 253	#D4BDFD
16.7%	16.7% #C9C1F9	RGB 201 193 249	#C9C1F9
33.3%	33.3% #C5C9F5	RGB 197 201 245	#C5C9F5
50.0%	50.0% #CAD5F1	RGB 202 213 241	#CAD5F1
66.7%	66.7% #CDDDED	RGB 205 221 237	#CDDDED
83.3%	83.3% #D1E2E9	RGB 209 226 233	#D1E2E9
100.0%	100.0% #D5E4E5	RGB 213 228 229	#D5E4E5

#D4BDFD #C9C1F9 #C5C9F5 #CAD5F1 #CDDDED #D1E2E9 #D5E4E5

#D4BDFD - #CAD5F1 - #D5E4E5

CSS codes

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

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