#C8D9D5 - #76AFAB | 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 #C8D9D5 to #76AFAB

#C8D9D5 #76AFAB

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

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

0.0%	0.0% #C8D9D5	RGB 200 217 213	#C8D9D5
16.7%	16.7% #BAD2CE	RGB 186 210 206	#BAD2CE
33.3%	33.3% #ACCBC7	RGB 172 203 199	#ACCBC7
50.0%	50.0% #9FC4C0	RGB 159 196 192	#9FC4C0
66.7%	66.7% #91BDB9	RGB 145 189 185	#91BDB9
83.3%	83.3% #83B6B2	RGB 131 182 178	#83B6B2
100.0%	100.0% #76AFAB	RGB 118 175 171	#76AFAB

#C8D9D5 #BAD2CE #ACCBC7 #9FC4C0 #91BDB9 #83B6B2 #76AFAB

#C8D9D5 - #76AFAB

HSV Blend

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

0.0%	0.0% #C8D9D5	RGB 200 217 213	#C8D9D5
16.7%	16.7% #B8D2CC	RGB 184 210 204	#B8D2CC
33.3%	33.3% #AACBC5	RGB 170 203 197	#AACBC5
50.0%	50.0% #9CC4BD	RGB 156 196 189	#9CC4BD
66.7%	66.7% #8FBDB7	RGB 143 189 183	#8FBDB7
83.3%	83.3% #82B6B0	RGB 130 182 176	#82B6B0
100.0%	100.0% #76AFAB	RGB 118 175 171	#76AFAB

#C8D9D5 #B8D2CC #AACBC5 #9CC4BD #8FBDB7 #82B6B0 #76AFAB

#C8D9D5 - #9CC4BD - #76AFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D9D5 0%, #9CC4BD 50%, #76AFAB 100%);
    background: -webkit-linear-gradient(top, #C8D9D5 0%, #9CC4BD 50%, #76AFAB 100%);
    background: linear-gradient(to bottom, #C8D9D5 0%, #9CC4BD 50%, #76AFAB 100%);
}
</style>