#3C91AC - #C0D5C7 | 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 #3C91AC to #C0D5C7

#3C91AC #C0D5C7

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

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

0.0%	0.0% #3C91AC	RGB 60 145 172	#3C91AC
16.7%	16.7% #529CB0	RGB 82 156 176	#529CB0
33.3%	33.3% #68A7B5	RGB 104 167 181	#68A7B5
50.0%	50.0% #7EB3B9	RGB 126 179 185	#7EB3B9
66.7%	66.7% #94BEBE	RGB 148 190 190	#94BEBE
83.3%	83.3% #AAC9C2	RGB 170 201 194	#AAC9C2
100.0%	100.0% #C0D5C7	RGB 192 213 199	#C0D5C7

#3C91AC #529CB0 #68A7B5 #7EB3B9 #94BEBE #AAC9C2 #C0D5C7

#3C91AC - #C0D5C7

HSV Blend

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

0.0%	0.0% #3C90AC	RGB 60 144 172	#3C90AC
16.7%	16.7% #4EA9B2	RGB 78 169 178	#4EA9B2
33.3%	33.3% #62B9B4	RGB 98 185 180	#62B9B4
50.0%	50.0% #78C0B1	RGB 120 192 177	#78C0B1
66.7%	66.7% #8EC7B2	RGB 142 199 178	#8EC7B2
83.3%	83.3% #A6CEB9	RGB 166 206 185	#A6CEB9
100.0%	100.0% #C0D5C7	RGB 192 213 199	#C0D5C7

#3C90AC #4EA9B2 #62B9B4 #78C0B1 #8EC7B2 #A6CEB9 #C0D5C7

#3C91AC - #78C0B1 - #C0D5C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C90AC 0%, #78C0B1 50%, #C0D5C7 100%);
    background: -webkit-linear-gradient(top, #3C90AC 0%, #78C0B1 50%, #C0D5C7 100%);
    background: linear-gradient(to bottom, #3C90AC 0%, #78C0B1 50%, #C0D5C7 100%);
}
</style>