#68B2B2 - #1D3232 | 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 #68B2B2 to #1D3232

#68B2B2 #1D3232

Calculate the color between two colors, #68B2B2 and #1D3232. 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)

#68B2B2 - #1D3232 | 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 #68B2B2 as 0% and #1D3232 as 100%.

0.0%	0.0% #68B2B2	RGB 104 178 178	#68B2B2
16.7%	16.7% #5B9C9C	RGB 91 156 156	#5B9C9C
33.3%	33.3% #4F8787	RGB 79 135 135	#4F8787
50.0%	50.0% #427272	RGB 66 114 114	#427272
66.7%	66.7% #365C5C	RGB 54 92 92	#365C5C
83.3%	83.3% #294747	RGB 41 71 71	#294747
100.0%	100.0% #1D3232	RGB 29 50 50	#1D3232

#68B2B2 #5B9C9C #4F8787 #427272 #365C5C #294747 #1D3232

#68B2B2 - #1D3232

HSV Blend

#68B2B2 - #1D3232 | 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 #68B2B2 as 0% and #1D3232 as 100%.

0.0%	0.0% #68B2B2	RGB 104 178 178	#68B2B2
16.7%	16.7% #5B9C9C	RGB 91 156 156	#5B9C9C
33.3%	33.3% #4E8787	RGB 78 135 135	#4E8787
50.0%	50.0% #427272	RGB 66 114 114	#427272
66.7%	66.7% #355C5C	RGB 53 92 92	#355C5C
83.3%	83.3% #294747	RGB 41 71 71	#294747
100.0%	100.0% #1D3232	RGB 29 50 50	#1D3232

#68B2B2 #5B9C9C #4E8787 #427272 #355C5C #294747 #1D3232

#68B2B2 - #427272 - #1D3232

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68B2B2 0%, #427272 50%, #1D3232 100%);
    background: -webkit-linear-gradient(top, #68B2B2 0%, #427272 50%, #1D3232 100%);
    background: linear-gradient(to bottom, #68B2B2 0%, #427272 50%, #1D3232 100%);
}
</style>