#6F9984 - #D5E1DB | 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 #6F9984 to #D5E1DB

#6F9984 #D5E1DB

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

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

0.0%	0.0% #6F9984	RGB 111 153 132	#6F9984
16.7%	16.7% #80A592	RGB 128 165 146	#80A592
33.3%	33.3% #91B1A1	RGB 145 177 161	#91B1A1
50.0%	50.0% #A2BDAF	RGB 162 189 175	#A2BDAF
66.7%	66.7% #B3C9BE	RGB 179 201 190	#B3C9BE
83.3%	83.3% #C4D5CC	RGB 196 213 204	#C4D5CC
100.0%	100.0% #D5E1DB	RGB 213 225 219	#D5E1DB

#6F9984 #80A592 #91B1A1 #A2BDAF #B3C9BE #C4D5CC #D5E1DB

#6F9984 - #D5E1DB

HSV Blend

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

0.0%	0.0% #6F9984	RGB 111 153 132	#6F9984
16.7%	16.7% #7DA591	RGB 125 165 145	#7DA591
33.3%	33.3% #8DB19F	RGB 141 177 159	#8DB19F
50.0%	50.0% #9EBDAD	RGB 158 189 173	#9EBDAD
66.7%	66.7% #AFC9BC	RGB 175 201 188	#AFC9BC
83.3%	83.3% #C1D5CB	RGB 193 213 203	#C1D5CB
100.0%	100.0% #D5E1DB	RGB 213 225 219	#D5E1DB

#6F9984 #7DA591 #8DB19F #9EBDAD #AFC9BC #C1D5CB #D5E1DB

#6F9984 - #9EBDAD - #D5E1DB

CSS codes

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

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