#3485CC - #C5DCF0 | 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 #3485CC to #C5DCF0

#3485CC #C5DCF0

Calculate the color between two colors, #3485CC and #C5DCF0. 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)

#3485CC - #C5DCF0 | 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 #3485CC as 0% and #C5DCF0 as 100%.

0.0%	0.0% #3485CC	RGB 52 133 204	#3485CC
16.7%	16.7% #4C93D2	RGB 76 147 210	#4C93D2
33.3%	33.3% #64A2D8	RGB 100 162 216	#64A2D8
50.0%	50.0% #7CB0DE	RGB 124 176 222	#7CB0DE
66.7%	66.7% #94BFE4	RGB 148 191 228	#94BFE4
83.3%	83.3% #ACCDEA	RGB 172 205 234	#ACCDEA
100.0%	100.0% #C5DCF0	RGB 197 220 240	#C5DCF0

#3485CC #4C93D2 #64A2D8 #7CB0DE #94BFE4 #ACCDEA #C5DCF0

#3485CC - #C5DCF0

HSV Blend

#3485CC - #C5DCF0 | 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 #3485CC as 0% and #C5DCF0 as 100%.

0.0%	0.0% #3485CC	RGB 52 133 204	#3485CC
16.7%	16.7% #4992D2	RGB 73 146 210	#4992D2
33.3%	33.3% #5F9FD8	RGB 95 159 216	#5F9FD8
50.0%	50.0% #77AEDE	RGB 119 174 222	#77AEDE
66.7%	66.7% #90BCE4	RGB 144 188 228	#90BCE4
83.3%	83.3% #AACCEA	RGB 170 204 234	#AACCEA
100.0%	100.0% #C5DCF0	RGB 197 220 240	#C5DCF0

#3485CC #4992D2 #5F9FD8 #77AEDE #90BCE4 #AACCEA #C5DCF0

#3485CC - #77AEDE - #C5DCF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3485CC 0%, #77AEDE 50%, #C5DCF0 100%);
    background: -webkit-linear-gradient(top, #3485CC 0%, #77AEDE 50%, #C5DCF0 100%);
    background: linear-gradient(to bottom, #3485CC 0%, #77AEDE 50%, #C5DCF0 100%);
}
</style>