#C6DAF5 - #698FC6 | 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 #C6DAF5 to #698FC6

#C6DAF5 #698FC6

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

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

0.0%	0.0% #C6DAF5	RGB 198 218 245	#C6DAF5
16.7%	16.7% #B6CDED	RGB 182 205 237	#B6CDED
33.3%	33.3% #A7C1E5	RGB 167 193 229	#A7C1E5
50.0%	50.0% #97B4DD	RGB 151 180 221	#97B4DD
66.7%	66.7% #88A8D5	RGB 136 168 213	#88A8D5
83.3%	83.3% #789BCD	RGB 120 155 205	#789BCD
100.0%	100.0% #698FC6	RGB 105 143 198	#698FC6

#C6DAF5 #B6CDED #A7C1E5 #97B4DD #88A8D5 #789BCD #698FC6

#C6DAF5 - #698FC6

HSV Blend

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

0.0%	0.0% #C6DAF5	RGB 198 218 245	#C6DAF5
16.7%	16.7% #B4CCED	RGB 180 204 237	#B4CCED
33.3%	33.3% #A4BFE5	RGB 164 191 229	#A4BFE5
50.0%	50.0% #94B2DD	RGB 148 178 221	#94B2DD
66.7%	66.7% #85A6D5	RGB 133 166 213	#85A6D5
83.3%	83.3% #769ACD	RGB 118 154 205	#769ACD
100.0%	100.0% #698FC6	RGB 105 143 198	#698FC6

#C6DAF5 #B4CCED #A4BFE5 #94B2DD #85A6D5 #769ACD #698FC6

#C6DAF5 - #94B2DD - #698FC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6DAF5 0%, #94B2DD 50%, #698FC6 100%);
    background: -webkit-linear-gradient(top, #C6DAF5 0%, #94B2DD 50%, #698FC6 100%);
    background: linear-gradient(to bottom, #C6DAF5 0%, #94B2DD 50%, #698FC6 100%);
}
</style>