#CDDADB - #818CA0 | 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 #CDDADB to #818CA0

#CDDADB #818CA0

Calculate the color between two colors, #CDDADB and #818CA0. 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)

#CDDADB - #818CA0 | 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 #CDDADB as 0% and #818CA0 as 100%.

0.0%	0.0% #CDDADB	RGB 205 218 219	#CDDADB
16.7%	16.7% #C0CDD1	RGB 192 205 209	#C0CDD1
33.3%	33.3% #B3C0C7	RGB 179 192 199	#B3C0C7
50.0%	50.0% #A7B3BD	RGB 167 179 189	#A7B3BD
66.7%	66.7% #9AA6B3	RGB 154 166 179	#9AA6B3
83.3%	83.3% #8D99A9	RGB 141 153 169	#8D99A9
100.0%	100.0% #818CA0	RGB 129 140 160	#818CA0

#CDDADB #C0CDD1 #B3C0C7 #A7B3BD #9AA6B3 #8D99A9 #818CA0

#CDDADB - #818CA0

HSV Blend

#CDDADB - #818CA0 | 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 #CDDADB as 0% and #818CA0 as 100%.

0.0%	0.0% #CDDADB	RGB 205 218 219	#CDDADB
16.7%	16.7% #BFCED1	RGB 191 206 209	#BFCED1
33.3%	33.3% #B1C1C7	RGB 177 193 199	#B1C1C7
50.0%	50.0% #A5B4BD	RGB 165 180 189	#A5B4BD
66.7%	66.7% #98A7B3	RGB 152 167 179	#98A7B3
83.3%	83.3% #8C99A9	RGB 140 153 169	#8C99A9
100.0%	100.0% #818CA0	RGB 129 140 160	#818CA0

#CDDADB #BFCED1 #B1C1C7 #A5B4BD #98A7B3 #8C99A9 #818CA0

#CDDADB - #A5B4BD - #818CA0

CSS codes

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

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