#1F75AC - #BFD7E7 | 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 #1F75AC to #BFD7E7

#1F75AC #BFD7E7

Calculate the color between two colors, #1F75AC and #BFD7E7. 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)

#1F75AC - #BFD7E7 | 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 #1F75AC as 0% and #BFD7E7 as 100%.

0.0%	0.0% #1F75AC	RGB 31 117 172	#1F75AC
16.7%	16.7% #3985B5	RGB 57 133 181	#3985B5
33.3%	33.3% #5495BF	RGB 84 149 191	#5495BF
50.0%	50.0% #6FA6C9	RGB 111 166 201	#6FA6C9
66.7%	66.7% #89B6D3	RGB 137 182 211	#89B6D3
83.3%	83.3% #A4C6DD	RGB 164 198 221	#A4C6DD
100.0%	100.0% #BFD7E7	RGB 191 215 231	#BFD7E7

#1F75AC #3985B5 #5495BF #6FA6C9 #89B6D3 #A4C6DD #BFD7E7

#1F75AC - #BFD7E7

HSV Blend

#1F75AC - #BFD7E7 | 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 #1F75AC as 0% and #BFD7E7 as 100%.

0.0%	0.0% #1F75AC	RGB 31 117 172	#1F75AC
16.7%	16.7% #3483B5	RGB 52 131 181	#3483B5
33.3%	33.3% #4B92BF	RGB 75 146 191	#4B92BF
50.0%	50.0% #65A1C9	RGB 101 161 201	#65A1C9
66.7%	66.7% #81B2D3	RGB 129 178 211	#81B2D3
83.3%	83.3% #9FC4DD	RGB 159 196 221	#9FC4DD
100.0%	100.0% #BFD7E7	RGB 191 215 231	#BFD7E7

#1F75AC #3483B5 #4B92BF #65A1C9 #81B2D3 #9FC4DD #BFD7E7

#1F75AC - #65A1C9 - #BFD7E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F75AC 0%, #65A1C9 50%, #BFD7E7 100%);
    background: -webkit-linear-gradient(top, #1F75AC 0%, #65A1C9 50%, #BFD7E7 100%);
    background: linear-gradient(to bottom, #1F75AC 0%, #65A1C9 50%, #BFD7E7 100%);
}
</style>