#8DA9C2 - #CFCCCB | 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 #8DA9C2 to #CFCCCB

#8DA9C2 #CFCCCB

Calculate the color between two colors, #8DA9C2 and #CFCCCB. 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)

#8DA9C2 - #CFCCCB | 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 #8DA9C2 as 0% and #CFCCCB as 100%.

0.0%	0.0% #8DA9C2	RGB 141 169 194	#8DA9C2
16.7%	16.7% #98AEC3	RGB 152 174 195	#98AEC3
33.3%	33.3% #A3B4C5	RGB 163 180 197	#A3B4C5
50.0%	50.0% #AEBAC6	RGB 174 186 198	#AEBAC6
66.7%	66.7% #B9C0C8	RGB 185 192 200	#B9C0C8
83.3%	83.3% #C4C6C9	RGB 196 198 201	#C4C6C9
100.0%	100.0% #CFCCCB	RGB 207 204 203	#CFCCCB

#8DA9C2 #98AEC3 #A3B4C5 #AEBAC6 #B9C0C8 #C4C6C9 #CFCCCB

#8DA9C2 - #CFCCCB

HSV Blend

#8DA9C2 - #CFCCCB | 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 #8DA9C2 as 0% and #CFCCCB as 100%.

0.0%	0.0% #8DA9C2	RGB 141 169 194	#8DA9C2
16.7%	16.7% #9699C4	RGB 150 153 196	#9699C4
33.3%	33.3% #AFA0C6	RGB 175 160 198	#AFA0C6
50.0%	50.0% #C4ABC8	RGB 196 171 200	#C4ABC8
66.7%	66.7% #CAB5C3	RGB 202 181 195	#CAB5C3
83.3%	83.3% #CCC0C2	RGB 204 192 194	#CCC0C2
100.0%	100.0% #CFCCCB	RGB 207 204 203	#CFCCCB

#8DA9C2 #9699C4 #AFA0C6 #C4ABC8 #CAB5C3 #CCC0C2 #CFCCCB

#8DA9C2 - #C4ABC8 - #CFCCCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DA9C2 0%, #C4ABC8 50%, #CFCCCB 100%);
    background: -webkit-linear-gradient(top, #8DA9C2 0%, #C4ABC8 50%, #CFCCCB 100%);
    background: linear-gradient(to bottom, #8DA9C2 0%, #C4ABC8 50%, #CFCCCB 100%);
}
</style>