#B990C2 - #EADFED | 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 #B990C2 to #EADFED

#B990C2 #EADFED

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

#B990C2 - #EADFED | 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 #B990C2 as 0% and #EADFED as 100%.

0.0%	0.0% #B990C2	RGB 185 144 194	#B990C2
16.7%	16.7% #C19DC9	RGB 193 157 201	#C19DC9
33.3%	33.3% #C9AAD0	RGB 201 170 208	#C9AAD0
50.0%	50.0% #D1B7D7	RGB 209 183 215	#D1B7D7
66.7%	66.7% #D9C4DE	RGB 217 196 222	#D9C4DE
83.3%	83.3% #E1D1E5	RGB 225 209 229	#E1D1E5
100.0%	100.0% #EADFED	RGB 234 223 237	#EADFED

#B990C2 #C19DC9 #C9AAD0 #D1B7D7 #D9C4DE #E1D1E5 #EADFED

#B990C2 - #EADFED

HSV Blend

#B990C2 - #EADFED | 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 #B990C2 as 0% and #EADFED as 100%.

0.0%	0.0% #B990C2	RGB 185 144 194	#B990C2
16.7%	16.7% #C09BC9	RGB 192 155 201	#C09BC9
33.3%	33.3% #C8A8D0	RGB 200 168 208	#C8A8D0
50.0%	50.0% #D0B5D7	RGB 208 181 215	#D0B5D7
66.7%	66.7% #D9C2DE	RGB 217 194 222	#D9C2DE
83.3%	83.3% #E1D0E5	RGB 225 208 229	#E1D0E5
100.0%	100.0% #EADFED	RGB 234 223 237	#EADFED

#B990C2 #C09BC9 #C8A8D0 #D0B5D7 #D9C2DE #E1D0E5 #EADFED

#B990C2 - #D0B5D7 - #EADFED

CSS codes

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

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