#DF4EAD - #B7C2EB | 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 #DF4EAD to #B7C2EB

#DF4EAD #B7C2EB

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

#DF4EAD - #B7C2EB | 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 #DF4EAD as 0% and #B7C2EB as 100%.

0.0%	0.0% #DF4EAD	RGB 223 78 173	#DF4EAD
16.7%	16.7% #D861B7	RGB 216 97 183	#D861B7
33.3%	33.3% #D174C1	RGB 209 116 193	#D174C1
50.0%	50.0% #CB88CC	RGB 203 136 204	#CB88CC
66.7%	66.7% #C49BD6	RGB 196 155 214	#C49BD6
83.3%	83.3% #BDAEE0	RGB 189 174 224	#BDAEE0
100.0%	100.0% #B7C2EB	RGB 183 194 235	#B7C2EB

#DF4EAD #D861B7 #D174C1 #CB88CC #C49BD6 #BDAEE0 #B7C2EB

#DF4EAD - #B7C2EB

HSV Blend

#DF4EAD - #B7C2EB | 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 #DF4EAD as 0% and #B7C2EB as 100%.

0.0%	0.0% #DF4EAD	RGB 223 78 173	#DF4EAD
16.7%	16.7% #E15ED5	RGB 225 94 213	#E15ED5
33.3%	33.3% #CE6FE3	RGB 206 111 227	#CE6FE3
50.0%	50.0% #B981E5	RGB 185 129 229	#B981E5
66.7%	66.7% #AC92E7	RGB 172 146 231	#AC92E7
83.3%	83.3% #A8A4E9	RGB 168 164 233	#A8A4E9
100.0%	100.0% #B7C2EB	RGB 183 194 235	#B7C2EB

#DF4EAD #E15ED5 #CE6FE3 #B981E5 #AC92E7 #A8A4E9 #B7C2EB

#DF4EAD - #B981E5 - #B7C2EB

CSS codes

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

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