#D2D2DB - #738D9F | 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 #D2D2DB to #738D9F

#D2D2DB #738D9F

Calculate the color between two colors, #D2D2DB and #738D9F. 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)

#D2D2DB - #738D9F | 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 #D2D2DB as 0% and #738D9F as 100%.

0.0%	0.0% #D2D2DB	RGB 210 210 219	#D2D2DB
16.7%	16.7% #C2C6D1	RGB 194 198 209	#C2C6D1
33.3%	33.3% #B2BBC7	RGB 178 187 199	#B2BBC7
50.0%	50.0% #A2AFBD	RGB 162 175 189	#A2AFBD
66.7%	66.7% #92A4B3	RGB 146 164 179	#92A4B3
83.3%	83.3% #8298A9	RGB 130 152 169	#8298A9
100.0%	100.0% #738D9F	RGB 115 141 159	#738D9F

#D2D2DB #C2C6D1 #B2BBC7 #A2AFBD #92A4B3 #8298A9 #738D9F

#D2D2DB - #738D9F

HSV Blend

#D2D2DB - #738D9F | 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 #D2D2DB as 0% and #738D9F as 100%.

0.0%	0.0% #D2D2DB	RGB 210 210 219	#D2D2DB
16.7%	16.7% #C0C1D1	RGB 192 193 209	#C0C1D1
33.3%	33.3% #AFB3C7	RGB 175 179 199	#AFB3C7
50.0%	50.0% #9EA7BD	RGB 158 167 189	#9EA7BD
66.7%	66.7% #8F9DB3	RGB 143 157 179	#8F9DB3
83.3%	83.3% #8094A9	RGB 128 148 169	#8094A9
100.0%	100.0% #738D9F	RGB 115 141 159	#738D9F

#D2D2DB #C0C1D1 #AFB3C7 #9EA7BD #8F9DB3 #8094A9 #738D9F

#D2D2DB - #9EA7BD - #738D9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D2DB 0%, #9EA7BD 50%, #738D9F 100%);
    background: -webkit-linear-gradient(top, #D2D2DB 0%, #9EA7BD 50%, #738D9F 100%);
    background: linear-gradient(to bottom, #D2D2DB 0%, #9EA7BD 50%, #738D9F 100%);
}
</style>