#DBDEEB - #8099B5 | 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 #DBDEEB to #8099B5

#DBDEEB #8099B5

Calculate the color between two colors, #DBDEEB and #8099B5. 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)

#DBDEEB - #8099B5 | 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 #DBDEEB as 0% and #8099B5 as 100%.

0.0%	0.0% #DBDEEB	RGB 219 222 235	#DBDEEB
16.7%	16.7% #CBD2E2	RGB 203 210 226	#CBD2E2
33.3%	33.3% #BCC7D9	RGB 188 199 217	#BCC7D9
50.0%	50.0% #ADBBD0	RGB 173 187 208	#ADBBD0
66.7%	66.7% #9EB0C7	RGB 158 176 199	#9EB0C7
83.3%	83.3% #8FA4BE	RGB 143 164 190	#8FA4BE
100.0%	100.0% #8099B5	RGB 128 153 181	#8099B5

#DBDEEB #CBD2E2 #BCC7D9 #ADBBD0 #9EB0C7 #8FA4BE #8099B5

#DBDEEB - #8099B5

HSV Blend

#DBDEEB - #8099B5 | 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 #DBDEEB as 0% and #8099B5 as 100%.

0.0%	0.0% #DBDEEB	RGB 219 222 235	#DBDEEB
16.7%	16.7% #CACFE2	RGB 202 207 226	#CACFE2
33.3%	33.3% #B9C2D9	RGB 185 194 217	#B9C2D9
50.0%	50.0% #AAB6D0	RGB 170 182 208	#AAB6D0
66.7%	66.7% #9BABC7	RGB 155 171 199	#9BABC7
83.3%	83.3% #8DA2BE	RGB 141 162 190	#8DA2BE
100.0%	100.0% #8099B5	RGB 128 153 181	#8099B5

#DBDEEB #CACFE2 #B9C2D9 #AAB6D0 #9BABC7 #8DA2BE #8099B5

#DBDEEB - #AAB6D0 - #8099B5

CSS codes

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

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