#69D2D2 - #04A6A5 | 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 #69D2D2 to #04A6A5

#69D2D2 #04A6A5

Calculate the color between two colors, #69D2D2 and #04A6A5. 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)

#69D2D2 - #04A6A5 | 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 #69D2D2 as 0% and #04A6A5 as 100%.

0.0%	0.0% #69D2D2	RGB 105 210 210	#69D2D2
16.7%	16.7% #58CACA	RGB 88 202 202	#58CACA
33.3%	33.3% #47C3C3	RGB 71 195 195	#47C3C3
50.0%	50.0% #36BCBB	RGB 54 188 187	#36BCBB
66.7%	66.7% #25B4B4	RGB 37 180 180	#25B4B4
83.3%	83.3% #14ADAC	RGB 20 173 172	#14ADAC
100.0%	100.0% #04A6A5	RGB 4 166 165	#04A6A5

#69D2D2 #58CACA #47C3C3 #36BCBB #25B4B4 #14ADAC #04A6A5

#69D2D2 - #04A6A5

HSV Blend

#69D2D2 - #04A6A5 | 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 #69D2D2 as 0% and #04A6A5 as 100%.

0.0%	0.0% #69D2D2	RGB 105 210 210	#69D2D2
16.7%	16.7% #55CACA	RGB 85 202 202	#55CACA
33.3%	33.3% #42C3C3	RGB 66 195 195	#42C3C3
50.0%	50.0% #31BCBB	RGB 49 188 187	#31BCBB
66.7%	66.7% #21B4B4	RGB 33 180 180	#21B4B4
83.3%	83.3% #11ADAC	RGB 17 173 172	#11ADAC
100.0%	100.0% #04A6A5	RGB 4 166 165	#04A6A5

#69D2D2 #55CACA #42C3C3 #31BCBB #21B4B4 #11ADAC #04A6A5

#69D2D2 - #31BCBB - #04A6A5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69D2D2 0%, #31BCBB 50%, #04A6A5 100%);
    background: -webkit-linear-gradient(top, #69D2D2 0%, #31BCBB 50%, #04A6A5 100%);
    background: linear-gradient(to bottom, #69D2D2 0%, #31BCBB 50%, #04A6A5 100%);
}
</style>