#DBDDD9 - #94B08B | 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 #DBDDD9 to #94B08B

#DBDDD9 #94B08B

Calculate the color between two colors, #DBDDD9 and #94B08B. 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)

#DBDDD9 - #94B08B | 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 #DBDDD9 as 0% and #94B08B as 100%.

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #CFD5CC	RGB 207 213 204	#CFD5CC
33.3%	33.3% #C3CEBF	RGB 195 206 191	#C3CEBF
50.0%	50.0% #B7C6B2	RGB 183 198 178	#B7C6B2
66.7%	66.7% #ABBFA5	RGB 171 191 165	#ABBFA5
83.3%	83.3% #9FB798	RGB 159 183 152	#9FB798
100.0%	100.0% #94B08B	RGB 148 176 139	#94B08B

#DBDDD9 #CFD5CC #C3CEBF #B7C6B2 #ABBFA5 #9FB798 #94B08B

#DBDDD9 - #94B08B

HSV Blend

#DBDDD9 - #94B08B | 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 #DBDDD9 as 0% and #94B08B as 100%.

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #CFD5CA	RGB 207 213 202	#CFD5CA
33.3%	33.3% #C4CEBD	RGB 196 206 189	#C4CEBD
50.0%	50.0% #B8C6AF	RGB 184 198 175	#B8C6AF
66.7%	66.7% #ACBFA3	RGB 172 191 163	#ACBFA3
83.3%	83.3% #A0B796	RGB 160 183 150	#A0B796
100.0%	100.0% #94B08B	RGB 148 176 139	#94B08B

#DBDDD9 #CFD5CA #C4CEBD #B8C6AF #ACBFA3 #A0B796 #94B08B

#DBDDD9 - #B8C6AF - #94B08B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDDD9 0%, #B8C6AF 50%, #94B08B 100%);
    background: -webkit-linear-gradient(top, #DBDDD9 0%, #B8C6AF 50%, #94B08B 100%);
    background: linear-gradient(to bottom, #DBDDD9 0%, #B8C6AF 50%, #94B08B 100%);
}
</style>