#335C5C - #C4D0D0 | 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 #335C5C to #C4D0D0

#335C5C #C4D0D0

Calculate the color between two colors, #335C5C and #C4D0D0. 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)

#335C5C - #C4D0D0 | 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 #335C5C as 0% and #C4D0D0 as 100%.

0.0%	0.0% #335C5C	RGB 51 92 92	#335C5C
16.7%	16.7% #4B6F6F	RGB 75 111 111	#4B6F6F
33.3%	33.3% #638282	RGB 99 130 130	#638282
50.0%	50.0% #7B9696	RGB 123 150 150	#7B9696
66.7%	66.7% #93A9A9	RGB 147 169 169	#93A9A9
83.3%	83.3% #ABBCBC	RGB 171 188 188	#ABBCBC
100.0%	100.0% #C4D0D0	RGB 196 208 208	#C4D0D0

#335C5C #4B6F6F #638282 #7B9696 #93A9A9 #ABBCBC #C4D0D0

#335C5C - #C4D0D0

HSV Blend

#335C5C - #C4D0D0 | 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 #335C5C as 0% and #C4D0D0 as 100%.

0.0%	0.0% #335C5C	RGB 51 92 92	#335C5C
16.7%	16.7% #446F6F	RGB 68 111 111	#446F6F
33.3%	33.3% #598282	RGB 89 130 130	#598282
50.0%	50.0% #709696	RGB 112 150 150	#709696
66.7%	66.7% #89A9A9	RGB 137 169 169	#89A9A9
83.3%	83.3% #A5BCBC	RGB 165 188 188	#A5BCBC
100.0%	100.0% #C4D0D0	RGB 196 208 208	#C4D0D0

#335C5C #446F6F #598282 #709696 #89A9A9 #A5BCBC #C4D0D0

#335C5C - #709696 - #C4D0D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #335C5C 0%, #709696 50%, #C4D0D0 100%);
    background: -webkit-linear-gradient(top, #335C5C 0%, #709696 50%, #C4D0D0 100%);
    background: linear-gradient(to bottom, #335C5C 0%, #709696 50%, #C4D0D0 100%);
}
</style>