#6DA3A8 - #33535F | 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 #6DA3A8 to #33535F

#6DA3A8 #33535F

Calculate the color between two colors, #6DA3A8 and #33535F. 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)

#6DA3A8 - #33535F | 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 #6DA3A8 as 0% and #33535F as 100%.

0.0%	0.0% #6DA3A8	RGB 109 163 168	#6DA3A8
16.7%	16.7% #63959B	RGB 99 149 155	#63959B
33.3%	33.3% #59888F	RGB 89 136 143	#59888F
50.0%	50.0% #507B83	RGB 80 123 131	#507B83
66.7%	66.7% #466D77	RGB 70 109 119	#466D77
83.3%	83.3% #3C606B	RGB 60 96 107	#3C606B
100.0%	100.0% #33535F	RGB 51 83 95	#33535F

#6DA3A8 #63959B #59888F #507B83 #466D77 #3C606B #33535F

#6DA3A8 - #33535F

HSV Blend

#6DA3A8 - #33535F | 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 #6DA3A8 as 0% and #33535F as 100%.

0.0%	0.0% #6DA3A8	RGB 109 163 168	#6DA3A8
16.7%	16.7% #62959B	RGB 98 149 155	#62959B
33.3%	33.3% #57878F	RGB 87 135 143	#57878F
50.0%	50.0% #4D7983	RGB 77 121 131	#4D7983
66.7%	66.7% #446C77	RGB 68 108 119	#446C77
83.3%	83.3% #3B5F6B	RGB 59 95 107	#3B5F6B
100.0%	100.0% #33535F	RGB 51 83 95	#33535F

#6DA3A8 #62959B #57878F #4D7983 #446C77 #3B5F6B #33535F

#6DA3A8 - #4D7983 - #33535F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA3A8 0%, #4D7983 50%, #33535F 100%);
    background: -webkit-linear-gradient(top, #6DA3A8 0%, #4D7983 50%, #33535F 100%);
    background: linear-gradient(to bottom, #6DA3A8 0%, #4D7983 50%, #33535F 100%);
}
</style>