#0075D1 - #B7FCED | 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 #0075D1 to #B7FCED

#0075D1 #B7FCED

Calculate the color between two colors, #0075D1 and #B7FCED. 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)

#0075D1 - #B7FCED | 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 #0075D1 as 0% and #B7FCED as 100%.

0.0%	0.0% #0075D1	RGB 0 117 209	#0075D1
16.7%	16.7% #1E8BD5	RGB 30 139 213	#1E8BD5
33.3%	33.3% #3DA2DA	RGB 61 162 218	#3DA2DA
50.0%	50.0% #5BB8DF	RGB 91 184 223	#5BB8DF
66.7%	66.7% #7ACFE3	RGB 122 207 227	#7ACFE3
83.3%	83.3% #98E5E8	RGB 152 229 232	#98E5E8
100.0%	100.0% #B7FCED	RGB 183 252 237	#B7FCED

#0075D1 #1E8BD5 #3DA2DA #5BB8DF #7ACFE3 #98E5E8 #B7FCED

#0075D1 - #B7FCED

HSV Blend

#0075D1 - #B7FCED | 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 #0075D1 as 0% and #B7FCED as 100%.

0.0%	0.0% #0075D1	RGB 0 117 209	#0075D1
16.7%	16.7% #1A99D8	RGB 26 153 216	#1A99D8
33.3%	33.3% #36B9DF	RGB 54 185 223	#36B9DF
50.0%	50.0% #53D6E6	RGB 83 214 230	#53D6E6
66.7%	66.7% #73EDED	RGB 115 237 237	#73EDED
83.3%	83.3% #94F4EA	RGB 148 244 234	#94F4EA
100.0%	100.0% #B7FCED	RGB 183 252 237	#B7FCED

#0075D1 #1A99D8 #36B9DF #53D6E6 #73EDED #94F4EA #B7FCED

#0075D1 - #53D6E6 - #B7FCED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0075D1 0%, #53D6E6 50%, #B7FCED 100%);
    background: -webkit-linear-gradient(top, #0075D1 0%, #53D6E6 50%, #B7FCED 100%);
    background: linear-gradient(to bottom, #0075D1 0%, #53D6E6 50%, #B7FCED 100%);
}
</style>