#698BAB - #D4DDE7 | 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 #698BAB to #D4DDE7

#698BAB #D4DDE7

Calculate the color between two colors, #698BAB and #D4DDE7. 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)

#698BAB - #D4DDE7 | 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 #698BAB as 0% and #D4DDE7 as 100%.

0.0%	0.0% #698BAB	RGB 105 139 171	#698BAB
16.7%	16.7% #7A98B5	RGB 122 152 181	#7A98B5
33.3%	33.3% #8CA6BF	RGB 140 166 191	#8CA6BF
50.0%	50.0% #9EB4C9	RGB 158 180 201	#9EB4C9
66.7%	66.7% #B0C1D3	RGB 176 193 211	#B0C1D3
83.3%	83.3% #C2CFDD	RGB 194 207 221	#C2CFDD
100.0%	100.0% #D4DDE7	RGB 212 221 231	#D4DDE7

#698BAB #7A98B5 #8CA6BF #9EB4C9 #B0C1D3 #C2CFDD #D4DDE7

#698BAB - #D4DDE7

HSV Blend

#698BAB - #D4DDE7 | 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 #698BAB as 0% and #D4DDE7 as 100%.

0.0%	0.0% #698AAB	RGB 105 138 171	#698AAB
16.7%	16.7% #7897B5	RGB 120 151 181	#7897B5
33.3%	33.3% #88A3BF	RGB 136 163 191	#88A3BF
50.0%	50.0% #99B1C9	RGB 153 177 201	#99B1C9
66.7%	66.7% #ACBFD3	RGB 172 191 211	#ACBFD3
83.3%	83.3% #BFCDDD	RGB 191 205 221	#BFCDDD
100.0%	100.0% #D4DDE7	RGB 212 221 231	#D4DDE7

#698AAB #7897B5 #88A3BF #99B1C9 #ACBFD3 #BFCDDD #D4DDE7

#698BAB - #99B1C9 - #D4DDE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #698AAB 0%, #99B1C9 50%, #D4DDE7 100%);
    background: -webkit-linear-gradient(top, #698AAB 0%, #99B1C9 50%, #D4DDE7 100%);
    background: linear-gradient(to bottom, #698AAB 0%, #99B1C9 50%, #D4DDE7 100%);
}
</style>