#5A837D - #CFDBD9 | 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 #5A837D to #CFDBD9

#5A837D #CFDBD9

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

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

0.0%	0.0% #5A837D	RGB 90 131 125	#5A837D
16.7%	16.7% #6D918C	RGB 109 145 140	#6D918C
33.3%	33.3% #81A09B	RGB 129 160 155	#81A09B
50.0%	50.0% #94AFAB	RGB 148 175 171	#94AFAB
66.7%	66.7% #A8BDBA	RGB 168 189 186	#A8BDBA
83.3%	83.3% #BBCCC9	RGB 187 204 201	#BBCCC9
100.0%	100.0% #CFDBD9	RGB 207 219 217	#CFDBD9

#5A837D #6D918C #81A09B #94AFAB #A8BDBA #BBCCC9 #CFDBD9

#5A837D - #CFDBD9

HSV Blend

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

0.0%	0.0% #5A837D	RGB 90 131 125	#5A837D
16.7%	16.7% #6A918B	RGB 106 145 139	#6A918B
33.3%	33.3% #7BA09A	RGB 123 160 154	#7BA09A
50.0%	50.0% #8EAFA9	RGB 142 175 169	#8EAFA9
66.7%	66.7% #A2BDB9	RGB 162 189 185	#A2BDB9
83.3%	83.3% #B8CCC9	RGB 184 204 201	#B8CCC9
100.0%	100.0% #CFDBD9	RGB 207 219 217	#CFDBD9

#5A837D #6A918B #7BA09A #8EAFA9 #A2BDB9 #B8CCC9 #CFDBD9

#5A837D - #8EAFA9 - #CFDBD9

CSS codes

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

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