#918286 - #DFDBDC | 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 #918286 to #DFDBDC

#918286 #DFDBDC

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

#918286 - #DFDBDC | 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 #918286 as 0% and #DFDBDC as 100%.

0.0%	0.0% #918286	RGB 145 130 134	#918286
16.7%	16.7% #9E9094	RGB 158 144 148	#9E9094
33.3%	33.3% #AB9FA2	RGB 171 159 162	#AB9FA2
50.0%	50.0% #B8AEB1	RGB 184 174 177	#B8AEB1
66.7%	66.7% #C5BDBF	RGB 197 189 191	#C5BDBF
83.3%	83.3% #D2CCCD	RGB 210 204 205	#D2CCCD
100.0%	100.0% #DFDBDC	RGB 223 219 220	#DFDBDC

#918286 #9E9094 #AB9FA2 #B8AEB1 #C5BDBF #D2CCCD #DFDBDC

#918286 - #DFDBDC

HSV Blend

#918286 - #DFDBDC | 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 #918286 as 0% and #DFDBDC as 100%.

0.0%	0.0% #918286	RGB 145 130 134	#918286
16.7%	16.7% #9E8F93	RGB 158 143 147	#9E8F93
33.3%	33.3% #AB9EA1	RGB 171 158 161	#AB9EA1
50.0%	50.0% #B8ACAF	RGB 184 172 175	#B8ACAF
66.7%	66.7% #C5BBBE	RGB 197 187 190	#C5BBBE
83.3%	83.3% #D2CBCC	RGB 210 203 204	#D2CBCC
100.0%	100.0% #DFDBDC	RGB 223 219 220	#DFDBDC

#918286 #9E8F93 #AB9EA1 #B8ACAF #C5BBBE #D2CBCC #DFDBDC

#918286 - #B8ACAF - #DFDBDC

CSS codes

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

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