#7FA7B1 - #DAE5E8 | 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 #7FA7B1 to #DAE5E8

#7FA7B1 #DAE5E8

Calculate the color between two colors, #7FA7B1 and #DAE5E8. 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)

#7FA7B1 - #DAE5E8 | 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 #7FA7B1 as 0% and #DAE5E8 as 100%.

0.0%	0.0% #7FA7B1	RGB 127 167 177	#7FA7B1
16.7%	16.7% #8EB1BA	RGB 142 177 186	#8EB1BA
33.3%	33.3% #9DBBC3	RGB 157 187 195	#9DBBC3
50.0%	50.0% #ACC6CC	RGB 172 198 204	#ACC6CC
66.7%	66.7% #BBD0D5	RGB 187 208 213	#BBD0D5
83.3%	83.3% #CADADE	RGB 202 218 222	#CADADE
100.0%	100.0% #DAE5E8	RGB 218 229 232	#DAE5E8

#7FA7B1 #8EB1BA #9DBBC3 #ACC6CC #BBD0D5 #CADADE #DAE5E8

#7FA7B1 - #DAE5E8

HSV Blend

#7FA7B1 - #DAE5E8 | 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 #7FA7B1 as 0% and #DAE5E8 as 100%.

0.0%	0.0% #7FA6B1	RGB 127 166 177	#7FA6B1
16.7%	16.7% #8CB0BA	RGB 140 176 186	#8CB0BA
33.3%	33.3% #9ABAC3	RGB 154 186 195	#9ABAC3
50.0%	50.0% #A9C5CC	RGB 169 197 204	#A9C5CC
66.7%	66.7% #B8CFD5	RGB 184 207 213	#B8CFD5
83.3%	83.3% #C9DADE	RGB 201 218 222	#C9DADE
100.0%	100.0% #DAE5E8	RGB 218 229 232	#DAE5E8

#7FA6B1 #8CB0BA #9ABAC3 #A9C5CC #B8CFD5 #C9DADE #DAE5E8

#7FA7B1 - #A9C5CC - #DAE5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FA6B1 0%, #A9C5CC 50%, #DAE5E8 100%);
    background: -webkit-linear-gradient(top, #7FA6B1 0%, #A9C5CC 50%, #DAE5E8 100%);
    background: linear-gradient(to bottom, #7FA6B1 0%, #A9C5CC 50%, #DAE5E8 100%);
}
</style>