#B5DBD6 - #4AABA7 | 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 #B5DBD6 to #4AABA7

#B5DBD6 #4AABA7

Calculate the color between two colors, #B5DBD6 and #4AABA7. 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)

#B5DBD6 - #4AABA7 | 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 #B5DBD6 as 0% and #4AABA7 as 100%.

0.0%	0.0% #B5DBD6	RGB 181 219 214	#B5DBD6
16.7%	16.7% #A3D3CE	RGB 163 211 206	#A3D3CE
33.3%	33.3% #91CBC6	RGB 145 203 198	#91CBC6
50.0%	50.0% #7FC3BE	RGB 127 195 190	#7FC3BE
66.7%	66.7% #6DBBB6	RGB 109 187 182	#6DBBB6
83.3%	83.3% #5BB3AE	RGB 91 179 174	#5BB3AE
100.0%	100.0% #4AABA7	RGB 74 171 167	#4AABA7

#B5DBD6 #A3D3CE #91CBC6 #7FC3BE #6DBBB6 #5BB3AE #4AABA7

#B5DBD6 - #4AABA7

HSV Blend

#B5DBD6 - #4AABA7 | 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 #B5DBD6 as 0% and #4AABA7 as 100%.

0.0%	0.0% #B5DBD6	RGB 181 219 214	#B5DBD6
16.7%	16.7% #A0D3CD	RGB 160 211 205	#A0D3CD
33.3%	33.3% #8DCBC4	RGB 141 203 196	#8DCBC4
50.0%	50.0% #7AC3BC	RGB 122 195 188	#7AC3BC
66.7%	66.7% #69BBB5	RGB 105 187 181	#69BBB5
83.3%	83.3% #59B3AD	RGB 89 179 173	#59B3AD
100.0%	100.0% #4AABA7	RGB 74 171 167	#4AABA7

#B5DBD6 #A0D3CD #8DCBC4 #7AC3BC #69BBB5 #59B3AD #4AABA7

#B5DBD6 - #7AC3BC - #4AABA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5DBD6 0%, #7AC3BC 50%, #4AABA7 100%);
    background: -webkit-linear-gradient(top, #B5DBD6 0%, #7AC3BC 50%, #4AABA7 100%);
    background: linear-gradient(to bottom, #B5DBD6 0%, #7AC3BC 50%, #4AABA7 100%);
}
</style>