#F0F0FF - #BA9FD5 | 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 #F0F0FF to #BA9FD5

#F0F0FF #BA9FD5

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

#F0F0FF - #BA9FD5 | 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 #F0F0FF as 0% and #BA9FD5 as 100%.

0.0%	0.0% #F0F0FF	RGB 240 240 255	#F0F0FF
16.7%	16.7% #E7E2F8	RGB 231 226 248	#E7E2F8
33.3%	33.3% #DED5F1	RGB 222 213 241	#DED5F1
50.0%	50.0% #D5C7EA	RGB 213 199 234	#D5C7EA
66.7%	66.7% #CCBAE3	RGB 204 186 227	#CCBAE3
83.3%	83.3% #C3ACDC	RGB 195 172 220	#C3ACDC
100.0%	100.0% #BA9FD5	RGB 186 159 213	#BA9FD5

#F0F0FF #E7E2F8 #DED5F1 #D5C7EA #CCBAE3 #C3ACDC #BA9FD5

#F0F0FF - #BA9FD5

HSV Blend

#F0F0FF - #BA9FD5 | 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 #F0F0FF as 0% and #BA9FD5 as 100%.

0.0%	0.0% #F0F0FF	RGB 240 240 255	#F0F0FF
16.7%	16.7% #E3E1F8	RGB 227 225 248	#E3E1F8
33.3%	33.3% #D8D3F1	RGB 216 211 241	#D8D3F1
50.0%	50.0% #CEC5EA	RGB 206 197 234	#CEC5EA
66.7%	66.7% #C6B8E3	RGB 198 184 227	#C6B8E3
83.3%	83.3% #BFABDC	RGB 191 171 220	#BFABDC
100.0%	100.0% #BA9FD5	RGB 186 159 213	#BA9FD5

#F0F0FF #E3E1F8 #D8D3F1 #CEC5EA #C6B8E3 #BFABDC #BA9FD5

#F0F0FF - #CEC5EA - #BA9FD5

CSS codes

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

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