#3D9FBD - #C5DCCF | 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 #3D9FBD to #C5DCCF

#3D9FBD #C5DCCF

Calculate the color between two colors, #3D9FBD and #C5DCCF. 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)

#3D9FBD - #C5DCCF | 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 #3D9FBD as 0% and #C5DCCF as 100%.

0.0%	0.0% #3D9FBD	RGB 61 159 189	#3D9FBD
16.7%	16.7% #53A9C0	RGB 83 169 192	#53A9C0
33.3%	33.3% #6AB3C3	RGB 106 179 195	#6AB3C3
50.0%	50.0% #81BDC6	RGB 129 189 198	#81BDC6
66.7%	66.7% #97C7C9	RGB 151 199 201	#97C7C9
83.3%	83.3% #AED1CC	RGB 174 209 204	#AED1CC
100.0%	100.0% #C5DCCF	RGB 197 220 207	#C5DCCF

#3D9FBD #53A9C0 #6AB3C3 #81BDC6 #97C7C9 #AED1CC #C5DCCF

#3D9FBD - #C5DCCF

HSV Blend

#3D9FBD - #C5DCCF | 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 #3D9FBD as 0% and #C5DCCF as 100%.

0.0%	0.0% #3D9FBD	RGB 61 159 189	#3D9FBD
16.7%	16.7% #51B6C2	RGB 81 182 194	#51B6C2
33.3%	33.3% #66C7C4	RGB 102 199 196	#66C7C4
50.0%	50.0% #7CCCBF	RGB 124 204 191	#7CCCBF
66.7%	66.7% #93D1BF	RGB 147 209 191	#93D1BF
83.3%	83.3% #ABD6C4	RGB 171 214 196	#ABD6C4
100.0%	100.0% #C5DCCF	RGB 197 220 207	#C5DCCF

#3D9FBD #51B6C2 #66C7C4 #7CCCBF #93D1BF #ABD6C4 #C5DCCF

#3D9FBD - #7CCCBF - #C5DCCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D9FBD 0%, #7CCCBF 50%, #C5DCCF 100%);
    background: -webkit-linear-gradient(top, #3D9FBD 0%, #7CCCBF 50%, #C5DCCF 100%);
    background: linear-gradient(to bottom, #3D9FBD 0%, #7CCCBF 50%, #C5DCCF 100%);
}
</style>