#3C92BA - #C7DFEB | 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 #3C92BA to #C7DFEB

#3C92BA #C7DFEB

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

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

0.0%	0.0% #3C92BA	RGB 60 146 186	#3C92BA
16.7%	16.7% #539EC2	RGB 83 158 194	#539EC2
33.3%	33.3% #6AABCA	RGB 106 171 202	#6AABCA
50.0%	50.0% #81B8D2	RGB 129 184 210	#81B8D2
66.7%	66.7% #98C5DA	RGB 152 197 218	#98C5DA
83.3%	83.3% #AFD2E2	RGB 175 210 226	#AFD2E2
100.0%	100.0% #C7DFEB	RGB 199 223 235	#C7DFEB

#3C92BA #539EC2 #6AABCA #81B8D2 #98C5DA #AFD2E2 #C7DFEB

#3C92BA - #C7DFEB

HSV Blend

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

0.0%	0.0% #3C92BA	RGB 60 146 186	#3C92BA
16.7%	16.7% #4F9DC2	RGB 79 157 194	#4F9DC2
33.3%	33.3% #64A9CA	RGB 100 169 202	#64A9CA
50.0%	50.0% #7BB6D2	RGB 123 182 210	#7BB6D2
66.7%	66.7% #92C3DA	RGB 146 195 218	#92C3DA
83.3%	83.3% #ACD0E2	RGB 172 208 226	#ACD0E2
100.0%	100.0% #C7DFEB	RGB 199 223 235	#C7DFEB

#3C92BA #4F9DC2 #64A9CA #7BB6D2 #92C3DA #ACD0E2 #C7DFEB

#3C92BA - #7BB6D2 - #C7DFEB

CSS codes

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

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