#D7B5FD - #FFEFF1 | 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 #D7B5FD to #FFEFF1

#D7B5FD #FFEFF1

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

#D7B5FD - #FFEFF1 | 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 #D7B5FD as 0% and #FFEFF1 as 100%.

0.0%	0.0% #D7B5FD	RGB 215 181 253	#D7B5FD
16.7%	16.7% #DDBEFB	RGB 221 190 251	#DDBEFB
33.3%	33.3% #E4C8F9	RGB 228 200 249	#E4C8F9
50.0%	50.0% #EBD2F7	RGB 235 210 247	#EBD2F7
66.7%	66.7% #F1DBF5	RGB 241 219 245	#F1DBF5
83.3%	83.3% #F8E5F3	RGB 248 229 243	#F8E5F3
100.0%	100.0% #FFEFF1	RGB 255 239 241	#FFEFF1

#D7B5FD #DDBEFB #E4C8F9 #EBD2F7 #F1DBF5 #F8E5F3 #FFEFF1

#D7B5FD - #FFEFF1

HSV Blend

#D7B5FD - #FFEFF1 | 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 #D7B5FD as 0% and #FFEFF1 as 100%.

0.0%	0.0% #D7B5FD	RGB 215 181 253	#D7B5FD
16.7%	16.7% #EABEFD	RGB 234 190 253	#EABEFD
33.3%	33.3% #FAC8FD	RGB 250 200 253	#FAC8FD
50.0%	50.0% #FED1F6	RGB 254 209 246	#FED1F6
66.7%	66.7% #FEDBF0	RGB 254 219 240	#FEDBF0
83.3%	83.3% #FEE5EE	RGB 254 229 238	#FEE5EE
100.0%	100.0% #FFEFF1	RGB 255 239 241	#FFEFF1

#D7B5FD #EABEFD #FAC8FD #FED1F6 #FEDBF0 #FEE5EE #FFEFF1

#D7B5FD - #FED1F6 - #FFEFF1

CSS codes

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

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