#819082 - #DBDFDB | 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 #819082 to #DBDFDB

#819082 #DBDFDB

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

#819082 - #DBDFDB | 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 #819082 as 0% and #DBDFDB as 100%.

0.0%	0.0% #819082	RGB 129 144 130	#819082
16.7%	16.7% #909D90	RGB 144 157 144	#909D90
33.3%	33.3% #9FAA9F	RGB 159 170 159	#9FAA9F
50.0%	50.0% #AEB7AE	RGB 174 183 174	#AEB7AE
66.7%	66.7% #BDC4BD	RGB 189 196 189	#BDC4BD
83.3%	83.3% #CCD1CC	RGB 204 209 204	#CCD1CC
100.0%	100.0% #DBDFDB	RGB 219 223 219	#DBDFDB

#819082 #909D90 #9FAA9F #AEB7AE #BDC4BD #CCD1CC #DBDFDB

#819082 - #DBDFDB

HSV Blend

#819082 - #DBDFDB | 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 #819082 as 0% and #DBDFDB as 100%.

0.0%	0.0% #819082	RGB 129 144 130	#819082
16.7%	16.7% #8F9D8F	RGB 143 157 143	#8F9D8F
33.3%	33.3% #9DAA9E	RGB 157 170 158	#9DAA9E
50.0%	50.0% #ACB7AC	RGB 172 183 172	#ACB7AC
66.7%	66.7% #BBC4BB	RGB 187 196 187	#BBC4BB
83.3%	83.3% #CBD1CB	RGB 203 209 203	#CBD1CB
100.0%	100.0% #DBDFDB	RGB 219 223 219	#DBDFDB

#819082 #8F9D8F #9DAA9E #ACB7AC #BBC4BB #CBD1CB #DBDFDB

#819082 - #ACB7AC - #DBDFDB

CSS codes

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

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