#B5D4D6 - #60B5BF | 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 #B5D4D6 to #60B5BF

#B5D4D6 #60B5BF

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

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

0.0%	0.0% #B5D4D6	RGB 181 212 214	#B5D4D6
16.7%	16.7% #A6CED2	RGB 166 206 210	#A6CED2
33.3%	33.3% #98C9CE	RGB 152 201 206	#98C9CE
50.0%	50.0% #8AC4CA	RGB 138 196 202	#8AC4CA
66.7%	66.7% #7CBFC6	RGB 124 191 198	#7CBFC6
83.3%	83.3% #6EBAC2	RGB 110 186 194	#6EBAC2
100.0%	100.0% #60B5BF	RGB 96 181 191	#60B5BF

#B5D4D6 #A6CED2 #98C9CE #8AC4CA #7CBFC6 #6EBAC2 #60B5BF

#B5D4D6 - #60B5BF

HSV Blend

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

0.0%	0.0% #B5D4D6	RGB 181 212 214	#B5D4D6
16.7%	16.7% #A5CFD2	RGB 165 207 210	#A5CFD2
33.3%	33.3% #96CACE	RGB 150 202 206	#96CACE
50.0%	50.0% #88C5CA	RGB 136 197 202	#88C5CA
66.7%	66.7% #7ABFC6	RGB 122 191 198	#7ABFC6
83.3%	83.3% #6DBAC2	RGB 109 186 194	#6DBAC2
100.0%	100.0% #60B5BF	RGB 96 181 191	#60B5BF

#B5D4D6 #A5CFD2 #96CACE #88C5CA #7ABFC6 #6DBAC2 #60B5BF

#B5D4D6 - #88C5CA - #60B5BF

CSS codes

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

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