#3C91B6 - #C7DFEA | 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 #3C91B6 to #C7DFEA

#3C91B6 #C7DFEA

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

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

0.0%	0.0% #3C91B6	RGB 60 145 182	#3C91B6
16.7%	16.7% #539EBE	RGB 83 158 190	#539EBE
33.3%	33.3% #6AABC7	RGB 106 171 199	#6AABC7
50.0%	50.0% #81B8D0	RGB 129 184 208	#81B8D0
66.7%	66.7% #98C5D8	RGB 152 197 216	#98C5D8
83.3%	83.3% #AFD2E1	RGB 175 210 225	#AFD2E1
100.0%	100.0% #C7DFEA	RGB 199 223 234	#C7DFEA

#3C91B6 #539EBE #6AABC7 #81B8D0 #98C5D8 #AFD2E1 #C7DFEA

#3C91B6 - #C7DFEA

HSV Blend

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

0.0%	0.0% #3C90B6	RGB 60 144 182	#3C90B6
16.7%	16.7% #4F9CBE	RGB 79 156 190	#4F9CBE
33.3%	33.3% #64A8C7	RGB 100 168 199	#64A8C7
50.0%	50.0% #7AB5D0	RGB 122 181 208	#7AB5D0
66.7%	66.7% #92C2D8	RGB 146 194 216	#92C2D8
83.3%	83.3% #ACD0E1	RGB 172 208 225	#ACD0E1
100.0%	100.0% #C7DFEA	RGB 199 223 234	#C7DFEA

#3C90B6 #4F9CBE #64A8C7 #7AB5D0 #92C2D8 #ACD0E1 #C7DFEA

#3C91B6 - #7AB5D0 - #C7DFEA

CSS codes

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

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