#B8D3C8 - #559C94 | 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 #B8D3C8 to #559C94

#B8D3C8 #559C94

Calculate the color between two colors, #B8D3C8 and #559C94. 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)

#B8D3C8 - #559C94 | 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 #B8D3C8 as 0% and #559C94 as 100%.

0.0%	0.0% #B8D3C8	RGB 184 211 200	#B8D3C8
16.7%	16.7% #A7C9BF	RGB 167 201 191	#A7C9BF
33.3%	33.3% #97C0B6	RGB 151 192 182	#97C0B6
50.0%	50.0% #86B7AE	RGB 134 183 174	#86B7AE
66.7%	66.7% #76AEA5	RGB 118 174 165	#76AEA5
83.3%	83.3% #65A59C	RGB 101 165 156	#65A59C
100.0%	100.0% #559C94	RGB 85 156 148	#559C94

#B8D3C8 #A7C9BF #97C0B6 #86B7AE #76AEA5 #65A59C #559C94

#B8D3C8 - #559C94

HSV Blend

#B8D3C8 - #559C94 | 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 #B8D3C8 as 0% and #559C94 as 100%.

0.0%	0.0% #B8D3C8	RGB 184 211 200	#B8D3C8
16.7%	16.7% #A5C9BC	RGB 165 201 188	#A5C9BC
33.3%	33.3% #93C0B2	RGB 147 192 178	#93C0B2
50.0%	50.0% #82B7A9	RGB 130 183 169	#82B7A9
66.7%	66.7% #72AEA1	RGB 114 174 161	#72AEA1
83.3%	83.3% #63A59A	RGB 99 165 154	#63A59A
100.0%	100.0% #559C94	RGB 85 156 148	#559C94

#B8D3C8 #A5C9BC #93C0B2 #82B7A9 #72AEA1 #63A59A #559C94

#B8D3C8 - #82B7A9 - #559C94

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8D3C8 0%, #82B7A9 50%, #559C94 100%);
    background: -webkit-linear-gradient(top, #B8D3C8 0%, #82B7A9 50%, #559C94 100%);
    background: linear-gradient(to bottom, #B8D3C8 0%, #82B7A9 50%, #559C94 100%);
}
</style>