#E6B8F3 - #F7EAFB | 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 #E6B8F3 to #F7EAFB

#E6B8F3 #F7EAFB

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

#E6B8F3 - #F7EAFB | 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 #E6B8F3 as 0% and #F7EAFB as 100%.

0.0%	0.0% #E6B8F3	RGB 230 184 243	#E6B8F3
16.7%	16.7% #E8C0F4	RGB 232 192 244	#E8C0F4
33.3%	33.3% #EBC8F5	RGB 235 200 245	#EBC8F5
50.0%	50.0% #EED1F7	RGB 238 209 247	#EED1F7
66.7%	66.7% #F1D9F8	RGB 241 217 248	#F1D9F8
83.3%	83.3% #F4E1F9	RGB 244 225 249	#F4E1F9
100.0%	100.0% #F7EAFB	RGB 247 234 251	#F7EAFB

#E6B8F3 #E8C0F4 #EBC8F5 #EED1F7 #F1D9F8 #F4E1F9 #F7EAFB

#E6B8F3 - #F7EAFB

HSV Blend

#E6B8F3 - #F7EAFB | 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 #E6B8F3 as 0% and #F7EAFB as 100%.

0.0%	0.0% #E6B8F3	RGB 230 184 243	#E6B8F3
16.7%	16.7% #E8C0F4	RGB 232 192 244	#E8C0F4
33.3%	33.3% #EBC8F5	RGB 235 200 245	#EBC8F5
50.0%	50.0% #EED0F7	RGB 238 208 247	#EED0F7
66.7%	66.7% #F1D9F8	RGB 241 217 248	#F1D9F8
83.3%	83.3% #F4E1F9	RGB 244 225 249	#F4E1F9
100.0%	100.0% #F7EAFB	RGB 247 234 251	#F7EAFB

#E6B8F3 #E8C0F4 #EBC8F5 #EED0F7 #F1D9F8 #F4E1F9 #F7EAFB

#E6B8F3 - #EED0F7 - #F7EAFB

CSS codes

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

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