#C7CDD9 - #7580AF | 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 #C7CDD9 to #7580AF

#C7CDD9 #7580AF

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

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

0.0%	0.0% #C7CDD9	RGB 199 205 217	#C7CDD9
16.7%	16.7% #B9C0D2	RGB 185 192 210	#B9C0D2
33.3%	33.3% #ABB3CB	RGB 171 179 203	#ABB3CB
50.0%	50.0% #9EA6C4	RGB 158 166 196	#9EA6C4
66.7%	66.7% #9099BD	RGB 144 153 189	#9099BD
83.3%	83.3% #828CB6	RGB 130 140 182	#828CB6
100.0%	100.0% #7580AF	RGB 117 128 175	#7580AF

#C7CDD9 #B9C0D2 #ABB3CB #9EA6C4 #9099BD #828CB6 #7580AF

#C7CDD9 - #7580AF

HSV Blend

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

0.0%	0.0% #C7CDD9	RGB 199 205 217	#C7CDD9
16.7%	16.7% #B7BFD2	RGB 183 191 210	#B7BFD2
33.3%	33.3% #A9B2CB	RGB 169 178 203	#A9B2CB
50.0%	50.0% #9BA6C4	RGB 155 166 196	#9BA6C4
66.7%	66.7% #8E99BD	RGB 142 153 189	#8E99BD
83.3%	83.3% #818CB6	RGB 129 140 182	#818CB6
100.0%	100.0% #7580AF	RGB 117 128 175	#7580AF

#C7CDD9 #B7BFD2 #A9B2CB #9BA6C4 #8E99BD #818CB6 #7580AF

#C7CDD9 - #9BA6C4 - #7580AF

CSS codes

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

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