#0039B5 - #BBF9F7 | 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 #0039B5 to #BBF9F7

#0039B5 #BBF9F7

Calculate the color between two colors, #0039B5 and #BBF9F7. 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)

#0039B5 - #BBF9F7 | 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 #0039B5 as 0% and #BBF9F7 as 100%.

0.0%	0.0% #0039B5	RGB 0 57 181	#0039B5
16.7%	16.7% #1F59C0	RGB 31 89 192	#1F59C0
33.3%	33.3% #3E79CB	RGB 62 121 203	#3E79CB
50.0%	50.0% #5D99D6	RGB 93 153 214	#5D99D6
66.7%	66.7% #7CB9E1	RGB 124 185 225	#7CB9E1
83.3%	83.3% #9BD9EC	RGB 155 217 236	#9BD9EC
100.0%	100.0% #BBF9F7	RGB 187 249 247	#BBF9F7

#0039B5 #1F59C0 #3E79CB #5D99D6 #7CB9E1 #9BD9EC #BBF9F7

#0039B5 - #BBF9F7

HSV Blend

#0039B5 - #BBF9F7 | 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 #0039B5 as 0% and #BBF9F7 as 100%.

0.0%	0.0% #0038B5	RGB 0 56 181	#0038B5
16.7%	16.7% #1861C0	RGB 24 97 192	#1861C0
33.3%	33.3% #3287CB	RGB 50 135 203	#3287CB
50.0%	50.0% #50ABD7	RGB 80 171 215	#50ABD7
66.7%	66.7% #71CAE2	RGB 113 202 226	#71CAE2
83.3%	83.3% #94E5ED	RGB 148 229 237	#94E5ED
100.0%	100.0% #BBF9F7	RGB 187 249 247	#BBF9F7

#0038B5 #1861C0 #3287CB #50ABD7 #71CAE2 #94E5ED #BBF9F7

#0039B5 - #50ABD7 - #BBF9F7

CSS codes

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

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