#6F918F - #D5DFDF | 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 #6F918F to #D5DFDF

#6F918F #D5DFDF

Calculate the color between two colors, #6F918F and #D5DFDF. 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)

#6F918F - #D5DFDF | 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 #6F918F as 0% and #D5DFDF as 100%.

0.0%	0.0% #6F918F	RGB 111 145 143	#6F918F
16.7%	16.7% #809E9C	RGB 128 158 156	#809E9C
33.3%	33.3% #91ABA9	RGB 145 171 169	#91ABA9
50.0%	50.0% #A2B8B7	RGB 162 184 183	#A2B8B7
66.7%	66.7% #B3C5C4	RGB 179 197 196	#B3C5C4
83.3%	83.3% #C4D2D1	RGB 196 210 209	#C4D2D1
100.0%	100.0% #D5DFDF	RGB 213 223 223	#D5DFDF

#6F918F #809E9C #91ABA9 #A2B8B7 #B3C5C4 #C4D2D1 #D5DFDF

#6F918F - #D5DFDF

HSV Blend

#6F918F - #D5DFDF | 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 #6F918F as 0% and #D5DFDF as 100%.

0.0%	0.0% #6F918F	RGB 111 145 143	#6F918F
16.7%	16.7% #7D9E9C	RGB 125 158 156	#7D9E9C
33.3%	33.3% #8DABA9	RGB 141 171 169	#8DABA9
50.0%	50.0% #9EB8B7	RGB 158 184 183	#9EB8B7
66.7%	66.7% #AFC5C4	RGB 175 197 196	#AFC5C4
83.3%	83.3% #C1D2D1	RGB 193 210 209	#C1D2D1
100.0%	100.0% #D5DFDF	RGB 213 223 223	#D5DFDF

#6F918F #7D9E9C #8DABA9 #9EB8B7 #AFC5C4 #C1D2D1 #D5DFDF

#6F918F - #9EB8B7 - #D5DFDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F918F 0%, #9EB8B7 50%, #D5DFDF 100%);
    background: -webkit-linear-gradient(top, #6F918F 0%, #9EB8B7 50%, #D5DFDF 100%);
    background: linear-gradient(to bottom, #6F918F 0%, #9EB8B7 50%, #D5DFDF 100%);
}
</style>