#C4D9F0 - #698EBF | 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 #C4D9F0 to #698EBF

#C4D9F0 #698EBF

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

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

0.0%	0.0% #C4D9F0	RGB 196 217 240	#C4D9F0
16.7%	16.7% #B4CCE7	RGB 180 204 231	#B4CCE7
33.3%	33.3% #A5C0DF	RGB 165 192 223	#A5C0DF
50.0%	50.0% #96B3D7	RGB 150 179 215	#96B3D7
66.7%	66.7% #87A7CF	RGB 135 167 207	#87A7CF
83.3%	83.3% #789AC7	RGB 120 154 199	#789AC7
100.0%	100.0% #698EBF	RGB 105 142 191	#698EBF

#C4D9F0 #B4CCE7 #A5C0DF #96B3D7 #87A7CF #789AC7 #698EBF

#C4D9F0 - #698EBF

HSV Blend

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

0.0%	0.0% #C4D9F0	RGB 196 217 240	#C4D9F0
16.7%	16.7% #B3CBE7	RGB 179 203 231	#B3CBE7
33.3%	33.3% #A2BEDF	RGB 162 190 223	#A2BEDF
50.0%	50.0% #93B2D7	RGB 147 178 215	#93B2D7
66.7%	66.7% #84A5CF	RGB 132 165 207	#84A5CF
83.3%	83.3% #7699C7	RGB 118 153 199	#7699C7
100.0%	100.0% #698EBF	RGB 105 142 191	#698EBF

#C4D9F0 #B3CBE7 #A2BEDF #93B2D7 #84A5CF #7699C7 #698EBF

#C4D9F0 - #93B2D7 - #698EBF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D9F0 0%, #93B2D7 50%, #698EBF 100%);
    background: -webkit-linear-gradient(top, #C4D9F0 0%, #93B2D7 50%, #698EBF 100%);
    background: linear-gradient(to bottom, #C4D9F0 0%, #93B2D7 50%, #698EBF 100%);
}
</style>