#5BABAB - #D0E7E7 | 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 #5BABAB to #D0E7E7

#5BABAB #D0E7E7

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

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

0.0%	0.0% #5BABAB	RGB 91 171 171	#5BABAB
16.7%	16.7% #6EB5B5	RGB 110 181 181	#6EB5B5
33.3%	33.3% #82BFBF	RGB 130 191 191	#82BFBF
50.0%	50.0% #95C9C9	RGB 149 201 201	#95C9C9
66.7%	66.7% #A9D3D3	RGB 169 211 211	#A9D3D3
83.3%	83.3% #BCDDDD	RGB 188 221 221	#BCDDDD
100.0%	100.0% #D0E7E7	RGB 208 231 231	#D0E7E7

#5BABAB #6EB5B5 #82BFBF #95C9C9 #A9D3D3 #BCDDDD #D0E7E7

#5BABAB - #D0E7E7

HSV Blend

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

0.0%	0.0% #5BABAB	RGB 91 171 171	#5BABAB
16.7%	16.7% #6BB5B5	RGB 107 181 181	#6BB5B5
33.3%	33.3% #7DBFBF	RGB 125 191 191	#7DBFBF
50.0%	50.0% #8FC9C9	RGB 143 201 201	#8FC9C9
66.7%	66.7% #A4D3D3	RGB 164 211 211	#A4D3D3
83.3%	83.3% #B9DDDD	RGB 185 221 221	#B9DDDD
100.0%	100.0% #D0E7E7	RGB 208 231 231	#D0E7E7

#5BABAB #6BB5B5 #7DBFBF #8FC9C9 #A4D3D3 #B9DDDD #D0E7E7

#5BABAB - #8FC9C9 - #D0E7E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5BABAB 0%, #8FC9C9 50%, #D0E7E7 100%);
    background: -webkit-linear-gradient(top, #5BABAB 0%, #8FC9C9 50%, #D0E7E7 100%);
    background: linear-gradient(to bottom, #5BABAB 0%, #8FC9C9 50%, #D0E7E7 100%);
}
</style>