#C3DDFB - #6593D0 | 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 #C3DDFB to #6593D0

#C3DDFB #6593D0

Calculate the color between two colors, #C3DDFB and #6593D0. 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)

#C3DDFB - #6593D0 | 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 #C3DDFB as 0% and #6593D0 as 100%.

0.0%	0.0% #C3DDFB	RGB 195 221 251	#C3DDFB
16.7%	16.7% #B3D0F3	RGB 179 208 243	#B3D0F3
33.3%	33.3% #A3C4EC	RGB 163 196 236	#A3C4EC
50.0%	50.0% #94B8E5	RGB 148 184 229	#94B8E5
66.7%	66.7% #84ABDE	RGB 132 171 222	#84ABDE
83.3%	83.3% #749FD7	RGB 116 159 215	#749FD7
100.0%	100.0% #6593D0	RGB 101 147 208	#6593D0

#C3DDFB #B3D0F3 #A3C4EC #94B8E5 #84ABDE #749FD7 #6593D0

#C3DDFB - #6593D0

HSV Blend

#C3DDFB - #6593D0 | 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 #C3DDFB as 0% and #6593D0 as 100%.

0.0%	0.0% #C3DDFB	RGB 195 221 251	#C3DDFB
16.7%	16.7% #B1CFF3	RGB 177 207 243	#B1CFF3
33.3%	33.3% #A0C3EC	RGB 160 195 236	#A0C3EC
50.0%	50.0% #90B6E5	RGB 144 182 229	#90B6E5
66.7%	66.7% #81AADE	RGB 129 170 222	#81AADE
83.3%	83.3% #729ED7	RGB 114 158 215	#729ED7
100.0%	100.0% #6593D0	RGB 101 147 208	#6593D0

#C3DDFB #B1CFF3 #A0C3EC #90B6E5 #81AADE #729ED7 #6593D0

#C3DDFB - #90B6E5 - #6593D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3DDFB 0%, #90B6E5 50%, #6593D0 100%);
    background: -webkit-linear-gradient(top, #C3DDFB 0%, #90B6E5 50%, #6593D0 100%);
    background: linear-gradient(to bottom, #C3DDFB 0%, #90B6E5 50%, #6593D0 100%);
}
</style>