#0400CE - #BBE6FD | 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 #0400CE to #BBE6FD

#0400CE #BBE6FD

Calculate the color between two colors, #0400CE and #BBE6FD. 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)

#0400CE - #BBE6FD | 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 #0400CE as 0% and #BBE6FD as 100%.

0.0%	0.0% #0400CE	RGB 4 0 206	#0400CE
16.7%	16.7% #2226D5	RGB 34 38 213	#2226D5
33.3%	33.3% #414CDD	RGB 65 76 221	#414CDD
50.0%	50.0% #5F73E5	RGB 95 115 229	#5F73E5
66.7%	66.7% #7E99ED	RGB 126 153 237	#7E99ED
83.3%	83.3% #9CBFF5	RGB 156 191 245	#9CBFF5
100.0%	100.0% #BBE6FD	RGB 187 230 253	#BBE6FD

#0400CE #2226D5 #414CDD #5F73E5 #7E99ED #9CBFF5 #BBE6FD

#0400CE - #BBE6FD

HSV Blend

#0400CE - #BBE6FD | 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 #0400CE as 0% and #BBE6FD as 100%.

0.0%	0.0% #0400CE	RGB 4 0 206	#0400CE
16.7%	16.7% #1A2BD5	RGB 26 43 213	#1A2BD5
33.3%	33.3% #3658DD	RGB 54 88 221	#3658DD
50.0%	50.0% #5482E5	RGB 84 130 229	#5482E5
66.7%	66.7% #74A8ED	RGB 116 168 237	#74A8ED
83.3%	83.3% #97C9F5	RGB 151 201 245	#97C9F5
100.0%	100.0% #BBE6FD	RGB 187 230 253	#BBE6FD

#0400CE #1A2BD5 #3658DD #5482E5 #74A8ED #97C9F5 #BBE6FD

#0400CE - #5482E5 - #BBE6FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0400CE 0%, #5482E5 50%, #BBE6FD 100%);
    background: -webkit-linear-gradient(top, #0400CE 0%, #5482E5 50%, #BBE6FD 100%);
    background: linear-gradient(to bottom, #0400CE 0%, #5482E5 50%, #BBE6FD 100%);
}
</style>