#76C8C0 - #D3E1B2 | 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 #76C8C0 to #D3E1B2

#76C8C0 #D3E1B2

Calculate the color between two colors, #76C8C0 and #D3E1B2. 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)

#76C8C0 - #D3E1B2 | 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 #76C8C0 as 0% and #D3E1B2 as 100%.

0.0%	0.0% #76C8C0	RGB 118 200 192	#76C8C0
16.7%	16.7% #85CCBD	RGB 133 204 189	#85CCBD
33.3%	33.3% #95D0BB	RGB 149 208 187	#95D0BB
50.0%	50.0% #A4D4B9	RGB 164 212 185	#A4D4B9
66.7%	66.7% #B4D8B6	RGB 180 216 182	#B4D8B6
83.3%	83.3% #C3DCB4	RGB 195 220 180	#C3DCB4
100.0%	100.0% #D3E1B2	RGB 211 225 178	#D3E1B2

#76C8C0 #85CCBD #95D0BB #A4D4B9 #B4D8B6 #C3DCB4 #D3E1B2

#76C8C0 - #D3E1B2

HSV Blend

#76C8C0 - #D3E1B2 | 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 #76C8C0 as 0% and #D3E1B2 as 100%.

0.0%	0.0% #76C8C0	RGB 118 200 192	#76C8C0
16.7%	16.7% #7FCCB0	RGB 127 204 176	#7FCCB0
33.3%	33.3% #88D0A3	RGB 136 208 163	#88D0A3
50.0%	50.0% #92D499	RGB 146 212 153	#92D499
66.7%	66.7% #A6D89C	RGB 166 216 156	#A6D89C
83.3%	83.3% #BEDCA7	RGB 190 220 167	#BEDCA7
100.0%	100.0% #D3E1B2	RGB 211 225 178	#D3E1B2

#76C8C0 #7FCCB0 #88D0A3 #92D499 #A6D89C #BEDCA7 #D3E1B2

#76C8C0 - #92D499 - #D3E1B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76C8C0 0%, #92D499 50%, #D3E1B2 100%);
    background: -webkit-linear-gradient(top, #76C8C0 0%, #92D499 50%, #D3E1B2 100%);
    background: linear-gradient(to bottom, #76C8C0 0%, #92D499 50%, #D3E1B2 100%);
}
</style>