#CED3E6 - #7189AF | 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 #CED3E6 to #7189AF

#CED3E6 #7189AF

Calculate the color between two colors, #CED3E6 and #7189AF. 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)

#CED3E6 - #7189AF | 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 #CED3E6 as 0% and #7189AF as 100%.

0.0%	0.0% #CED3E6	RGB 206 211 230	#CED3E6
16.7%	16.7% #BEC6DC	RGB 190 198 220	#BEC6DC
33.3%	33.3% #AFBAD3	RGB 175 186 211	#AFBAD3
50.0%	50.0% #9FAECA	RGB 159 174 202	#9FAECA
66.7%	66.7% #90A1C1	RGB 144 161 193	#90A1C1
83.3%	83.3% #8095B8	RGB 128 149 184	#8095B8
100.0%	100.0% #7189AF	RGB 113 137 175	#7189AF

#CED3E6 #BEC6DC #AFBAD3 #9FAECA #90A1C1 #8095B8 #7189AF

#CED3E6 - #7189AF

HSV Blend

#CED3E6 - #7189AF | 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 #CED3E6 as 0% and #7189AF as 100%.

0.0%	0.0% #CED3E6	RGB 206 211 230	#CED3E6
16.7%	16.7% #BCC4DC	RGB 188 196 220	#BCC4DC
33.3%	33.3% #ABB6D3	RGB 171 182 211	#ABB6D3
50.0%	50.0% #9CA9CA	RGB 156 169 202	#9CA9CA
66.7%	66.7% #8C9EC1	RGB 140 158 193	#8C9EC1
83.3%	83.3% #7E93B8	RGB 126 147 184	#7E93B8
100.0%	100.0% #7189AF	RGB 113 137 175	#7189AF

#CED3E6 #BCC4DC #ABB6D3 #9CA9CA #8C9EC1 #7E93B8 #7189AF

#CED3E6 - #9CA9CA - #7189AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CED3E6 0%, #9CA9CA 50%, #7189AF 100%);
    background: -webkit-linear-gradient(top, #CED3E6 0%, #9CA9CA 50%, #7189AF 100%);
    background: linear-gradient(to bottom, #CED3E6 0%, #9CA9CA 50%, #7189AF 100%);
}
</style>