#C8DDD7 - #7B9BA3 | 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 #C8DDD7 to #7B9BA3

#C8DDD7 #7B9BA3

Calculate the color between two colors, #C8DDD7 and #7B9BA3. 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)

#C8DDD7 - #7B9BA3 | 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 #C8DDD7 as 0% and #7B9BA3 as 100%.

0.0%	0.0% #C8DDD7	RGB 200 221 215	#C8DDD7
16.7%	16.7% #BBD2CE	RGB 187 210 206	#BBD2CE
33.3%	33.3% #AEC7C5	RGB 174 199 197	#AEC7C5
50.0%	50.0% #A1BCBD	RGB 161 188 189	#A1BCBD
66.7%	66.7% #94B1B4	RGB 148 177 180	#94B1B4
83.3%	83.3% #87A6AB	RGB 135 166 171	#87A6AB
100.0%	100.0% #7B9BA3	RGB 123 155 163	#7B9BA3

#C8DDD7 #BBD2CE #AEC7C5 #A1BCBD #94B1B4 #87A6AB #7B9BA3

#C8DDD7 - #7B9BA3

HSV Blend

#C8DDD7 - #7B9BA3 | 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 #C8DDD7 as 0% and #7B9BA3 as 100%.

0.0%	0.0% #C8DDD7	RGB 200 221 215	#C8DDD7
16.7%	16.7% #B9D3CE	RGB 185 211 206	#B9D3CE
33.3%	33.3% #ACC9C6	RGB 172 201 198	#ACC9C6
50.0%	50.0% #9FC0BE	RGB 159 192 190	#9FC0BE
66.7%	66.7% #92B4B6	RGB 146 180 182	#92B4B6
83.3%	83.3% #86A8AC	RGB 134 168 172	#86A8AC
100.0%	100.0% #7B9BA3	RGB 123 155 163	#7B9BA3

#C8DDD7 #B9D3CE #ACC9C6 #9FC0BE #92B4B6 #86A8AC #7B9BA3

#C8DDD7 - #9FC0BE - #7B9BA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8DDD7 0%, #9FC0BE 50%, #7B9BA3 100%);
    background: -webkit-linear-gradient(top, #C8DDD7 0%, #9FC0BE 50%, #7B9BA3 100%);
    background: linear-gradient(to bottom, #C8DDD7 0%, #9FC0BE 50%, #7B9BA3 100%);
}
</style>