#68B2B2 - #C5DBAB | 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 #C5DBAB

#68B2B2 #C5DBAB

Calculate the color between two colors, #68B2B2 and #C5DBAB. 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 - #C5DBAB | 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 #C5DBAB as 100%.

0.0%	0.0% #68B2B2	RGB 104 178 178	#68B2B2
16.7%	16.7% #77B8B0	RGB 119 184 176	#77B8B0
33.3%	33.3% #87BFAF	RGB 135 191 175	#87BFAF
50.0%	50.0% #96C6AE	RGB 150 198 174	#96C6AE
66.7%	66.7% #A6CDAD	RGB 166 205 173	#A6CDAD
83.3%	83.3% #B5D4AC	RGB 181 212 172	#B5D4AC
100.0%	100.0% #C5DBAB	RGB 197 219 171	#C5DBAB

#68B2B2 #77B8B0 #87BFAF #96C6AE #A6CDAD #B5D4AC #C5DBAB

#68B2B2 - #C5DBAB

HSV Blend

#68B2B2 - #C5DBAB | 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 #C5DBAB as 100%.

0.0%	0.0% #68B2B2	RGB 104 178 178	#68B2B2
16.7%	16.7% #72B8A6	RGB 114 184 166	#72B8A6
33.3%	33.3% #7CBF9D	RGB 124 191 157	#7CBF9D
50.0%	50.0% #87C695	RGB 135 198 149	#87C695
66.7%	66.7% #94CD92	RGB 148 205 146	#94CD92
83.3%	83.3% #ADD49E	RGB 173 212 158	#ADD49E
100.0%	100.0% #C5DBAB	RGB 197 219 171	#C5DBAB

#68B2B2 #72B8A6 #7CBF9D #87C695 #94CD92 #ADD49E #C5DBAB

#68B2B2 - #87C695 - #C5DBAB

CSS codes

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

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