#B0CCFF - #3E76CE | 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 #B0CCFF to #3E76CE

#B0CCFF #3E76CE

Calculate the color between two colors, #B0CCFF and #3E76CE. 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)

#B0CCFF - #3E76CE | 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 #B0CCFF as 0% and #3E76CE as 100%.

0.0%	0.0% #B0CCFF	RGB 176 204 255	#B0CCFF
16.7%	16.7% #9DBDF6	RGB 157 189 246	#9DBDF6
33.3%	33.3% #8AAFEE	RGB 138 175 238	#8AAFEE
50.0%	50.0% #77A1E6	RGB 119 161 230	#77A1E6
66.7%	66.7% #6492DE	RGB 100 146 222	#6492DE
83.3%	83.3% #5184D6	RGB 81 132 214	#5184D6
100.0%	100.0% #3E76CE	RGB 62 118 206	#3E76CE

#B0CCFF #9DBDF6 #8AAFEE #77A1E6 #6492DE #5184D6 #3E76CE

#B0CCFF - #3E76CE

HSV Blend

#B0CCFF - #3E76CE | 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 #B0CCFF as 0% and #3E76CE as 100%.

0.0%	0.0% #B0CCFF	RGB 176 204 255	#B0CCFF
16.7%	16.7% #9ABBF6	RGB 154 187 246	#9ABBF6
33.3%	33.3% #85ACEE	RGB 133 172 238	#85ACEE
50.0%	50.0% #729DE6	RGB 114 157 230	#729DE6
66.7%	66.7% #5F8FDE	RGB 95 143 222	#5F8FDE
83.3%	83.3% #4E82D6	RGB 78 130 214	#4E82D6
100.0%	100.0% #3E76CE	RGB 62 118 206	#3E76CE

#B0CCFF #9ABBF6 #85ACEE #729DE6 #5F8FDE #4E82D6 #3E76CE

#B0CCFF - #729DE6 - #3E76CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0CCFF 0%, #729DE6 50%, #3E76CE 100%);
    background: -webkit-linear-gradient(top, #B0CCFF 0%, #729DE6 50%, #3E76CE 100%);
    background: linear-gradient(to bottom, #B0CCFF 0%, #729DE6 50%, #3E76CE 100%);
}
</style>