#B1DEE4 - #5EADC3 | 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 #B1DEE4 to #5EADC3

#B1DEE4 #5EADC3

Calculate the color between two colors, #B1DEE4 and #5EADC3. 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)

#B1DEE4 - #5EADC3 | 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 #B1DEE4 as 0% and #5EADC3 as 100%.

0.0%	0.0% #B1DEE4	RGB 177 222 228	#B1DEE4
16.7%	16.7% #A3D5DE	RGB 163 213 222	#A3D5DE
33.3%	33.3% #95CDD9	RGB 149 205 217	#95CDD9
50.0%	50.0% #87C5D3	RGB 135 197 211	#87C5D3
66.7%	66.7% #79BDCE	RGB 121 189 206	#79BDCE
83.3%	83.3% #6BB5C8	RGB 107 181 200	#6BB5C8
100.0%	100.0% #5EADC3	RGB 94 173 195	#5EADC3

#B1DEE4 #A3D5DE #95CDD9 #87C5D3 #79BDCE #6BB5C8 #5EADC3

#B1DEE4 - #5EADC3

HSV Blend

#B1DEE4 - #5EADC3 | 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 #B1DEE4 as 0% and #5EADC3 as 100%.

0.0%	0.0% #B1DEE4	RGB 177 222 228	#B1DEE4
16.7%	16.7% #A1D6DE	RGB 161 214 222	#A1D6DE
33.3%	33.3% #93CED9	RGB 147 206 217	#93CED9
50.0%	50.0% #85C6D3	RGB 133 198 211	#85C6D3
66.7%	66.7% #77BECE	RGB 119 190 206	#77BECE
83.3%	83.3% #6AB5C8	RGB 106 181 200	#6AB5C8
100.0%	100.0% #5EADC3	RGB 94 173 195	#5EADC3

#B1DEE4 #A1D6DE #93CED9 #85C6D3 #77BECE #6AB5C8 #5EADC3

#B1DEE4 - #85C6D3 - #5EADC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1DEE4 0%, #85C6D3 50%, #5EADC3 100%);
    background: -webkit-linear-gradient(top, #B1DEE4 0%, #85C6D3 50%, #5EADC3 100%);
    background: linear-gradient(to bottom, #B1DEE4 0%, #85C6D3 50%, #5EADC3 100%);
}
</style>