#84918E - #DBDFDF | 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 #84918E to #DBDFDF

#84918E #DBDFDF

Calculate the color between two colors, #84918E and #DBDFDF. 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)

#84918E - #DBDFDF | 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 #84918E as 0% and #DBDFDF as 100%.

0.0%	0.0% #84918E	RGB 132 145 142	#84918E
16.7%	16.7% #929E9B	RGB 146 158 155	#929E9B
33.3%	33.3% #A1ABA9	RGB 161 171 169	#A1ABA9
50.0%	50.0% #AFB8B6	RGB 175 184 182	#AFB8B6
66.7%	66.7% #BEC5C4	RGB 190 197 196	#BEC5C4
83.3%	83.3% #CCD2D1	RGB 204 210 209	#CCD2D1
100.0%	100.0% #DBDFDF	RGB 219 223 223	#DBDFDF

#84918E #929E9B #A1ABA9 #AFB8B6 #BEC5C4 #CCD2D1 #DBDFDF

#84918E - #DBDFDF

HSV Blend

#84918E - #DBDFDF | 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 #84918E as 0% and #DBDFDF as 100%.

0.0%	0.0% #84918E	RGB 132 145 142	#84918E
16.7%	16.7% #919E9B	RGB 145 158 155	#919E9B
33.3%	33.3% #9FABA9	RGB 159 171 169	#9FABA9
50.0%	50.0% #AEB8B6	RGB 174 184 182	#AEB8B6
66.7%	66.7% #BCC5C4	RGB 188 197 196	#BCC5C4
83.3%	83.3% #CBD2D1	RGB 203 210 209	#CBD2D1
100.0%	100.0% #DBDFDF	RGB 219 223 223	#DBDFDF

#84918E #919E9B #9FABA9 #AEB8B6 #BCC5C4 #CBD2D1 #DBDFDF

#84918E - #AEB8B6 - #DBDFDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84918E 0%, #AEB8B6 50%, #DBDFDF 100%);
    background: -webkit-linear-gradient(top, #84918E 0%, #AEB8B6 50%, #DBDFDF 100%);
    background: linear-gradient(to bottom, #84918E 0%, #AEB8B6 50%, #DBDFDF 100%);
}
</style>