#B5D4E5 - #60ACCD | 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 #B5D4E5 to #60ACCD

#B5D4E5 #60ACCD

Calculate the color between two colors, #B5D4E5 and #60ACCD. 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)

#B5D4E5 - #60ACCD | 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 #B5D4E5 as 0% and #60ACCD as 100%.

0.0%	0.0% #B5D4E5	RGB 181 212 229	#B5D4E5
16.7%	16.7% #A6CDE1	RGB 166 205 225	#A6CDE1
33.3%	33.3% #98C6DD	RGB 152 198 221	#98C6DD
50.0%	50.0% #8AC0D9	RGB 138 192 217	#8AC0D9
66.7%	66.7% #7CB9D5	RGB 124 185 213	#7CB9D5
83.3%	83.3% #6EB2D1	RGB 110 178 209	#6EB2D1
100.0%	100.0% #60ACCD	RGB 96 172 205	#60ACCD

#B5D4E5 #A6CDE1 #98C6DD #8AC0D9 #7CB9D5 #6EB2D1 #60ACCD

#B5D4E5 - #60ACCD

HSV Blend

#B5D4E5 - #60ACCD | 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 #B5D4E5 as 0% and #60ACCD as 100%.

0.0%	0.0% #B5D4E5	RGB 181 212 229	#B5D4E5
16.7%	16.7% #A5CCE1	RGB 165 204 225	#A5CCE1
33.3%	33.3% #96C5DD	RGB 150 197 221	#96C5DD
50.0%	50.0% #88BED9	RGB 136 190 217	#88BED9
66.7%	66.7% #7AB8D5	RGB 122 184 213	#7AB8D5
83.3%	83.3% #6DB1D1	RGB 109 177 209	#6DB1D1
100.0%	100.0% #60ACCD	RGB 96 172 205	#60ACCD

#B5D4E5 #A5CCE1 #96C5DD #88BED9 #7AB8D5 #6DB1D1 #60ACCD

#B5D4E5 - #88BED9 - #60ACCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D4E5 0%, #88BED9 50%, #60ACCD 100%);
    background: -webkit-linear-gradient(top, #B5D4E5 0%, #88BED9 50%, #60ACCD 100%);
    background: linear-gradient(to bottom, #B5D4E5 0%, #88BED9 50%, #60ACCD 100%);
}
</style>