#B162CD - #E8D2F0 | 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 #B162CD to #E8D2F0

#B162CD #E8D2F0

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

#B162CD - #E8D2F0 | 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 #B162CD as 0% and #E8D2F0 as 100%.

0.0%	0.0% #B162CD	RGB 177 98 205	#B162CD
16.7%	16.7% #BA74D2	RGB 186 116 210	#BA74D2
33.3%	33.3% #C387D8	RGB 195 135 216	#C387D8
50.0%	50.0% #CC9ADE	RGB 204 154 222	#CC9ADE
66.7%	66.7% #D5ACE4	RGB 213 172 228	#D5ACE4
83.3%	83.3% #DEBFEA	RGB 222 191 234	#DEBFEA
100.0%	100.0% #E8D2F0	RGB 232 210 240	#E8D2F0

#B162CD #BA74D2 #C387D8 #CC9ADE #D5ACE4 #DEBFEA #E8D2F0

#B162CD - #E8D2F0

HSV Blend

#B162CD - #E8D2F0 | 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 #B162CD as 0% and #E8D2F0 as 100%.

0.0%	0.0% #B062CD	RGB 176 98 205	#B062CD
16.7%	16.7% #B972D2	RGB 185 114 210	#B972D2
33.3%	33.3% #C284D8	RGB 194 132 216	#C284D8
50.0%	50.0% #CB96DE	RGB 203 150 222	#CB96DE
66.7%	66.7% #D4A9E4	RGB 212 169 228	#D4A9E4
83.3%	83.3% #DEBDEA	RGB 222 189 234	#DEBDEA
100.0%	100.0% #E8D2F0	RGB 232 210 240	#E8D2F0

#B062CD #B972D2 #C284D8 #CB96DE #D4A9E4 #DEBDEA #E8D2F0

#B162CD - #CB96DE - #E8D2F0

CSS codes

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

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