#C0D1F9 - #598ECB | 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 #C0D1F9 to #598ECB

#C0D1F9 #598ECB

Calculate the color between two colors, #C0D1F9 and #598ECB. 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)

#C0D1F9 - #598ECB | 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 #C0D1F9 as 0% and #598ECB as 100%.

0.0%	0.0% #C0D1F9	RGB 192 209 249	#C0D1F9
16.7%	16.7% #AEC5F1	RGB 174 197 241	#AEC5F1
33.3%	33.3% #9DBAE9	RGB 157 186 233	#9DBAE9
50.0%	50.0% #8CAFE2	RGB 140 175 226	#8CAFE2
66.7%	66.7% #7BA4DA	RGB 123 164 218	#7BA4DA
83.3%	83.3% #6A99D2	RGB 106 153 210	#6A99D2
100.0%	100.0% #598ECB	RGB 89 142 203	#598ECB

#C0D1F9 #AEC5F1 #9DBAE9 #8CAFE2 #7BA4DA #6A99D2 #598ECB

#C0D1F9 - #598ECB

HSV Blend

#C0D1F9 - #598ECB | 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 #C0D1F9 as 0% and #598ECB as 100%.

0.0%	0.0% #C0D1F9	RGB 192 209 249	#C0D1F9
16.7%	16.7% #ACC3F1	RGB 172 195 241	#ACC3F1
33.3%	33.3% #9AB6E9	RGB 154 182 233	#9AB6E9
50.0%	50.0% #88AAE2	RGB 136 170 226	#88AAE2
66.7%	66.7% #77A0DA	RGB 119 160 218	#77A0DA
83.3%	83.3% #6896D2	RGB 104 150 210	#6896D2
100.0%	100.0% #598ECB	RGB 89 142 203	#598ECB

#C0D1F9 #ACC3F1 #9AB6E9 #88AAE2 #77A0DA #6896D2 #598ECB

#C0D1F9 - #88AAE2 - #598ECB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D1F9 0%, #88AAE2 50%, #598ECB 100%);
    background: -webkit-linear-gradient(top, #C0D1F9 0%, #88AAE2 50%, #598ECB 100%);
    background: linear-gradient(to bottom, #C0D1F9 0%, #88AAE2 50%, #598ECB 100%);
}
</style>