#5A8291 - #CFDBDF | 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 #5A8291 to #CFDBDF

#5A8291 #CFDBDF

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

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

0.0%	0.0% #5A8291	RGB 90 130 145	#5A8291
16.7%	16.7% #6D909E	RGB 109 144 158	#6D909E
33.3%	33.3% #819FAB	RGB 129 159 171	#819FAB
50.0%	50.0% #94AEB8	RGB 148 174 184	#94AEB8
66.7%	66.7% #A8BDC5	RGB 168 189 197	#A8BDC5
83.3%	83.3% #BBCCD2	RGB 187 204 210	#BBCCD2
100.0%	100.0% #CFDBDF	RGB 207 219 223	#CFDBDF

#5A8291 #6D909E #819FAB #94AEB8 #A8BDC5 #BBCCD2 #CFDBDF

#5A8291 - #CFDBDF

HSV Blend

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

0.0%	0.0% #5A8191	RGB 90 129 145	#5A8191
16.7%	16.7% #6A909E	RGB 106 144 158	#6A909E
33.3%	33.3% #7B9EAB	RGB 123 158 171	#7B9EAB
50.0%	50.0% #8EADB8	RGB 142 173 184	#8EADB8
66.7%	66.7% #A2BCC5	RGB 162 188 197	#A2BCC5
83.3%	83.3% #B8CBD2	RGB 184 203 210	#B8CBD2
100.0%	100.0% #CFDBDF	RGB 207 219 223	#CFDBDF

#5A8191 #6A909E #7B9EAB #8EADB8 #A2BCC5 #B8CBD2 #CFDBDF

#5A8291 - #8EADB8 - #CFDBDF

CSS codes

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

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