#B2DEEE - #5A95BE | 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 #B2DEEE to #5A95BE

#B2DEEE #5A95BE

Calculate the color between two colors, #B2DEEE and #5A95BE. 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)

#B2DEEE - #5A95BE | 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 #B2DEEE as 0% and #5A95BE as 100%.

0.0%	0.0% #B2DEEE	RGB 178 222 238	#B2DEEE
16.7%	16.7% #A3D1E6	RGB 163 209 230	#A3D1E6
33.3%	33.3% #94C5DE	RGB 148 197 222	#94C5DE
50.0%	50.0% #86B9D6	RGB 134 185 214	#86B9D6
66.7%	66.7% #77ADCE	RGB 119 173 206	#77ADCE
83.3%	83.3% #68A1C6	RGB 104 161 198	#68A1C6
100.0%	100.0% #5A95BE	RGB 90 149 190	#5A95BE

#B2DEEE #A3D1E6 #94C5DE #86B9D6 #77ADCE #68A1C6 #5A95BE

#B2DEEE - #5A95BE

HSV Blend

#B2DEEE - #5A95BE | 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 #B2DEEE as 0% and #5A95BE as 100%.

0.0%	0.0% #B2DEEE	RGB 178 222 238	#B2DEEE
16.7%	16.7% #A1D2E6	RGB 161 210 230	#A1D2E6
33.3%	33.3% #91C6DE	RGB 145 198 222	#91C6DE
50.0%	50.0% #82B9D6	RGB 130 185 214	#82B9D6
66.7%	66.7% #74ADCE	RGB 116 173 206	#74ADCE
83.3%	83.3% #66A1C6	RGB 102 161 198	#66A1C6
100.0%	100.0% #5A95BE	RGB 90 149 190	#5A95BE

#B2DEEE #A1D2E6 #91C6DE #82B9D6 #74ADCE #66A1C6 #5A95BE

#B2DEEE - #82B9D6 - #5A95BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2DEEE 0%, #82B9D6 50%, #5A95BE 100%);
    background: -webkit-linear-gradient(top, #B2DEEE 0%, #82B9D6 50%, #5A95BE 100%);
    background: linear-gradient(to bottom, #B2DEEE 0%, #82B9D6 50%, #5A95BE 100%);
}
</style>