#3E6A6E - #C7D4D5 | 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 #3E6A6E to #C7D4D5

#3E6A6E #C7D4D5

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

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

0.0%	0.0% #3E6A6E	RGB 62 106 110	#3E6A6E
16.7%	16.7% #547B7F	RGB 84 123 127	#547B7F
33.3%	33.3% #6B8D90	RGB 107 141 144	#6B8D90
50.0%	50.0% #829FA1	RGB 130 159 161	#829FA1
66.7%	66.7% #99B0B2	RGB 153 176 178	#99B0B2
83.3%	83.3% #B0C2C3	RGB 176 194 195	#B0C2C3
100.0%	100.0% #C7D4D5	RGB 199 212 213	#C7D4D5

#3E6A6E #547B7F #6B8D90 #829FA1 #99B0B2 #B0C2C3 #C7D4D5

#3E6A6E - #C7D4D5

HSV Blend

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

0.0%	0.0% #3E6A6E	RGB 62 106 110	#3E6A6E
16.7%	16.7% #4F7B7F	RGB 79 123 127	#4F7B7F
33.3%	33.3% #638C90	RGB 99 140 144	#638C90
50.0%	50.0% #789EA1	RGB 120 158 161	#789EA1
66.7%	66.7% #90B0B2	RGB 144 176 178	#90B0B2
83.3%	83.3% #AAC2C3	RGB 170 194 195	#AAC2C3
100.0%	100.0% #C7D4D5	RGB 199 212 213	#C7D4D5

#3E6A6E #4F7B7F #638C90 #789EA1 #90B0B2 #AAC2C3 #C7D4D5

#3E6A6E - #789EA1 - #C7D4D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6A6E 0%, #789EA1 50%, #C7D4D5 100%);
    background: -webkit-linear-gradient(top, #3E6A6E 0%, #789EA1 50%, #C7D4D5 100%);
    background: linear-gradient(to bottom, #3E6A6E 0%, #789EA1 50%, #C7D4D5 100%);
}
</style>