#B5DFE4 - #60C4D0 | 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 #B5DFE4 to #60C4D0

#B5DFE4 #60C4D0

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

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

0.0%	0.0% #B5DFE4	RGB 181 223 228	#B5DFE4
16.7%	16.7% #A6DAE0	RGB 166 218 224	#A6DAE0
33.3%	33.3% #98D6DD	RGB 152 214 221	#98D6DD
50.0%	50.0% #8AD1DA	RGB 138 209 218	#8AD1DA
66.7%	66.7% #7CCDD6	RGB 124 205 214	#7CCDD6
83.3%	83.3% #6EC8D3	RGB 110 200 211	#6EC8D3
100.0%	100.0% #60C4D0	RGB 96 196 208	#60C4D0

#B5DFE4 #A6DAE0 #98D6DD #8AD1DA #7CCDD6 #6EC8D3 #60C4D0

#B5DFE4 - #60C4D0

HSV Blend

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

0.0%	0.0% #B5DFE4	RGB 181 223 228	#B5DFE4
16.7%	16.7% #A5DAE0	RGB 165 218 224	#A5DAE0
33.3%	33.3% #97D5DD	RGB 151 213 221	#97D5DD
50.0%	50.0% #88D1DA	RGB 136 209 218	#88D1DA
66.7%	66.7% #7ACCD6	RGB 122 204 214	#7ACCD6
83.3%	83.3% #6DC8D3	RGB 109 200 211	#6DC8D3
100.0%	100.0% #60C4D0	RGB 96 196 208	#60C4D0

#B5DFE4 #A5DAE0 #97D5DD #88D1DA #7ACCD6 #6DC8D3 #60C4D0

#B5DFE4 - #88D1DA - #60C4D0

CSS codes

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

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