#CDD3D9 - #788BAE | 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 #CDD3D9 to #788BAE

#CDD3D9 #788BAE

Calculate the color between two colors, #CDD3D9 and #788BAE. 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)

#CDD3D9 - #788BAE | 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 #CDD3D9 as 0% and #788BAE as 100%.

0.0%	0.0% #CDD3D9	RGB 205 211 217	#CDD3D9
16.7%	16.7% #BEC7D1	RGB 190 199 209	#BEC7D1
33.3%	33.3% #B0BBCA	RGB 176 187 202	#B0BBCA
50.0%	50.0% #A2AFC3	RGB 162 175 195	#A2AFC3
66.7%	66.7% #94A3BC	RGB 148 163 188	#94A3BC
83.3%	83.3% #8697B5	RGB 134 151 181	#8697B5
100.0%	100.0% #788BAE	RGB 120 139 174	#788BAE

#CDD3D9 #BEC7D1 #B0BBCA #A2AFC3 #94A3BC #8697B5 #788BAE

#CDD3D9 - #788BAE

HSV Blend

#CDD3D9 - #788BAE | 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 #CDD3D9 as 0% and #788BAE as 100%.

0.0%	0.0% #CDD3D9	RGB 205 211 217	#CDD3D9
16.7%	16.7% #BDC7D1	RGB 189 199 209	#BDC7D1
33.3%	33.3% #AEBBCA	RGB 174 187 202	#AEBBCA
50.0%	50.0% #9FAEC3	RGB 159 174 195	#9FAEC3
66.7%	66.7% #91A2BC	RGB 145 162 188	#91A2BC
83.3%	83.3% #8496B5	RGB 132 150 181	#8496B5
100.0%	100.0% #788BAE	RGB 120 139 174	#788BAE

#CDD3D9 #BDC7D1 #AEBBCA #9FAEC3 #91A2BC #8496B5 #788BAE

#CDD3D9 - #9FAEC3 - #788BAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD3D9 0%, #9FAEC3 50%, #788BAE 100%);
    background: -webkit-linear-gradient(top, #CDD3D9 0%, #9FAEC3 50%, #788BAE 100%);
    background: linear-gradient(to bottom, #CDD3D9 0%, #9FAEC3 50%, #788BAE 100%);
}
</style>