#CEDCE3 - #7B92AB | 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 #CEDCE3 to #7B92AB

#CEDCE3 #7B92AB

Calculate the color between two colors, #CEDCE3 and #7B92AB. 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)

#CEDCE3 - #7B92AB | 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 #CEDCE3 as 0% and #7B92AB as 100%.

0.0%	0.0% #CEDCE3	RGB 206 220 227	#CEDCE3
16.7%	16.7% #C0CFD9	RGB 192 207 217	#C0CFD9
33.3%	33.3% #B2C3D0	RGB 178 195 208	#B2C3D0
50.0%	50.0% #A4B7C7	RGB 164 183 199	#A4B7C7
66.7%	66.7% #96AABD	RGB 150 170 189	#96AABD
83.3%	83.3% #889EB4	RGB 136 158 180	#889EB4
100.0%	100.0% #7B92AB	RGB 123 146 171	#7B92AB

#CEDCE3 #C0CFD9 #B2C3D0 #A4B7C7 #96AABD #889EB4 #7B92AB

#CEDCE3 - #7B92AB

HSV Blend

#CEDCE3 - #7B92AB | 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 #CEDCE3 as 0% and #7B92AB as 100%.

0.0%	0.0% #CEDCE3	RGB 206 220 227	#CEDCE3
16.7%	16.7% #BECFD9	RGB 190 207 217	#BECFD9
33.3%	33.3% #AFC3D0	RGB 175 195 208	#AFC3D0
50.0%	50.0% #A1B7C7	RGB 161 183 199	#A1B7C7
66.7%	66.7% #94AABD	RGB 148 170 189	#94AABD
83.3%	83.3% #879EB4	RGB 135 158 180	#879EB4
100.0%	100.0% #7B92AB	RGB 123 146 171	#7B92AB

#CEDCE3 #BECFD9 #AFC3D0 #A1B7C7 #94AABD #879EB4 #7B92AB

#CEDCE3 - #A1B7C7 - #7B92AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEDCE3 0%, #A1B7C7 50%, #7B92AB 100%);
    background: -webkit-linear-gradient(top, #CEDCE3 0%, #A1B7C7 50%, #7B92AB 100%);
    background: linear-gradient(to bottom, #CEDCE3 0%, #A1B7C7 50%, #7B92AB 100%);
}
</style>