#C9DAFE - #698ED4 | 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 #C9DAFE to #698ED4

#C9DAFE #698ED4

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

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

0.0%	0.0% #C9DAFE	RGB 201 218 254	#C9DAFE
16.7%	16.7% #B9CDF7	RGB 185 205 247	#B9CDF7
33.3%	33.3% #A9C0F0	RGB 169 192 240	#A9C0F0
50.0%	50.0% #99B4E9	RGB 153 180 233	#99B4E9
66.7%	66.7% #89A7E2	RGB 137 167 226	#89A7E2
83.3%	83.3% #799ADB	RGB 121 154 219	#799ADB
100.0%	100.0% #698ED4	RGB 105 142 212	#698ED4

#C9DAFE #B9CDF7 #A9C0F0 #99B4E9 #89A7E2 #799ADB #698ED4

#C9DAFE - #698ED4

HSV Blend

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

0.0%	0.0% #C9DAFE	RGB 201 218 254	#C9DAFE
16.7%	16.7% #B7CBF7	RGB 183 203 247	#B7CBF7
33.3%	33.3% #A6BEF0	RGB 166 190 240	#A6BEF0
50.0%	50.0% #95B1E9	RGB 149 177 233	#95B1E9
66.7%	66.7% #86A5E2	RGB 134 165 226	#86A5E2
83.3%	83.3% #7799DB	RGB 119 153 219	#7799DB
100.0%	100.0% #698ED4	RGB 105 142 212	#698ED4

#C9DAFE #B7CBF7 #A6BEF0 #95B1E9 #86A5E2 #7799DB #698ED4

#C9DAFE - #95B1E9 - #698ED4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9DAFE 0%, #95B1E9 50%, #698ED4 100%);
    background: -webkit-linear-gradient(top, #C9DAFE 0%, #95B1E9 50%, #698ED4 100%);
    background: linear-gradient(to bottom, #C9DAFE 0%, #95B1E9 50%, #698ED4 100%);
}
</style>