#3C85CB - #A1CBDE | 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 #3C85CB to #A1CBDE

#3C85CB #A1CBDE

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

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

0.0%	0.0% #3C85CB	RGB 60 133 203	#3C85CB
16.7%	16.7% #4C90CE	RGB 76 144 206	#4C90CE
33.3%	33.3% #5D9CD1	RGB 93 156 209	#5D9CD1
50.0%	50.0% #6EA8D4	RGB 110 168 212	#6EA8D4
66.7%	66.7% #7FB3D7	RGB 127 179 215	#7FB3D7
83.3%	83.3% #90BFDA	RGB 144 191 218	#90BFDA
100.0%	100.0% #A1CBDE	RGB 161 203 222	#A1CBDE

#3C85CB #4C90CE #5D9CD1 #6EA8D4 #7FB3D7 #90BFDA #A1CBDE

#3C85CB - #A1CBDE

HSV Blend

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

0.0%	0.0% #3C84CB	RGB 60 132 203	#3C84CB
16.7%	16.7% #4B92CE	RGB 75 146 206	#4B92CE
33.3%	33.3% #5B9ED1	RGB 91 158 209	#5B9ED1
50.0%	50.0% #6CAAD4	RGB 108 170 212	#6CAAD4
66.7%	66.7% #7DB6D7	RGB 125 182 215	#7DB6D7
83.3%	83.3% #8FC0DA	RGB 143 192 218	#8FC0DA
100.0%	100.0% #A1CBDE	RGB 161 203 222	#A1CBDE

#3C84CB #4B92CE #5B9ED1 #6CAAD4 #7DB6D7 #8FC0DA #A1CBDE

#3C85CB - #6CAAD4 - #A1CBDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C84CB 0%, #6CAAD4 50%, #A1CBDE 100%);
    background: -webkit-linear-gradient(top, #3C84CB 0%, #6CAAD4 50%, #A1CBDE 100%);
    background: linear-gradient(to bottom, #3C84CB 0%, #6CAAD4 50%, #A1CBDE 100%);
}
</style>