#9090F2 - #B2CCF0 | 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 #9090F2 to #B2CCF0

#9090F2 #B2CCF0

Calculate the color between two colors, #9090F2 and #B2CCF0. 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)

#9090F2 - #B2CCF0 | 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 #9090F2 as 0% and #B2CCF0 as 100%.

0.0%	0.0% #9090F2	RGB 144 144 242	#9090F2
16.7%	16.7% #959AF1	RGB 149 154 241	#959AF1
33.3%	33.3% #9BA4F1	RGB 155 164 241	#9BA4F1
50.0%	50.0% #A1AEF1	RGB 161 174 241	#A1AEF1
66.7%	66.7% #A6B8F0	RGB 166 184 240	#A6B8F0
83.3%	83.3% #ACC2F0	RGB 172 194 240	#ACC2F0
100.0%	100.0% #B2CCF0	RGB 178 204 240	#B2CCF0

#9090F2 #959AF1 #9BA4F1 #A1AEF1 #A6B8F0 #ACC2F0 #B2CCF0

#9090F2 - #B2CCF0

HSV Blend

#9090F2 - #B2CCF0 | 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 #9090F2 as 0% and #B2CCF0 as 100%.

0.0%	0.0% #9090F2	RGB 144 144 242	#9090F2
16.7%	16.7% #959CF1	RGB 149 156 241	#959CF1
33.3%	33.3% #9BA7F1	RGB 155 167 241	#9BA7F1
50.0%	50.0% #A1B1F1	RGB 161 177 241	#A1B1F1
66.7%	66.7% #A6BBF0	RGB 166 187 240	#A6BBF0
83.3%	83.3% #ACC4F0	RGB 172 196 240	#ACC4F0
100.0%	100.0% #B2CCF0	RGB 178 204 240	#B2CCF0

#9090F2 #959CF1 #9BA7F1 #A1B1F1 #A6BBF0 #ACC4F0 #B2CCF0

#9090F2 - #A1B1F1 - #B2CCF0

CSS codes

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

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