#C3DFFF - #5E99DC | 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 #C3DFFF to #5E99DC

#C3DFFF #5E99DC

Calculate the color between two colors, #C3DFFF and #5E99DC. 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)

#C3DFFF - #5E99DC | 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 #C3DFFF as 0% and #5E99DC as 100%.

0.0%	0.0% #C3DFFF	RGB 195 223 255	#C3DFFF
16.7%	16.7% #B2D3F9	RGB 178 211 249	#B2D3F9
33.3%	33.3% #A1C7F3	RGB 161 199 243	#A1C7F3
50.0%	50.0% #90BCED	RGB 144 188 237	#90BCED
66.7%	66.7% #7FB0E7	RGB 127 176 231	#7FB0E7
83.3%	83.3% #6EA4E1	RGB 110 164 225	#6EA4E1
100.0%	100.0% #5E99DC	RGB 94 153 220	#5E99DC

#C3DFFF #B2D3F9 #A1C7F3 #90BCED #7FB0E7 #6EA4E1 #5E99DC

#C3DFFF - #5E99DC

HSV Blend

#C3DFFF - #5E99DC | 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 #C3DFFF as 0% and #5E99DC as 100%.

0.0%	0.0% #C3DFFF	RGB 195 223 255	#C3DFFF
16.7%	16.7% #B0D2F9	RGB 176 210 249	#B0D2F9
33.3%	33.3% #9EC6F3	RGB 158 198 243	#9EC6F3
50.0%	50.0% #8DBAED	RGB 141 186 237	#8DBAED
66.7%	66.7% #7DAEE7	RGB 125 174 231	#7DAEE7
83.3%	83.3% #6DA3E1	RGB 109 163 225	#6DA3E1
100.0%	100.0% #5E99DC	RGB 94 153 220	#5E99DC

#C3DFFF #B0D2F9 #9EC6F3 #8DBAED #7DAEE7 #6DA3E1 #5E99DC

#C3DFFF - #8DBAED - #5E99DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3DFFF 0%, #8DBAED 50%, #5E99DC 100%);
    background: -webkit-linear-gradient(top, #C3DFFF 0%, #8DBAED 50%, #5E99DC 100%);
    background: linear-gradient(to bottom, #C3DFFF 0%, #8DBAED 50%, #5E99DC 100%);
}
</style>