#C3C7E4 - #373841 | 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 #C3C7E4 to #373841

#C3C7E4 #373841

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

#C3C7E4 - #373841 | 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 #C3C7E4 as 0% and #373841 as 100%.

0.0%	0.0% #C3C7E4	RGB 195 199 228	#C3C7E4
16.7%	16.7% #ABAFC8	RGB 171 175 200	#ABAFC8
33.3%	33.3% #9497AD	RGB 148 151 173	#9497AD
50.0%	50.0% #7D7F92	RGB 125 127 146	#7D7F92
66.7%	66.7% #656777	RGB 101 103 119	#656777
83.3%	83.3% #4E4F5C	RGB 78 79 92	#4E4F5C
100.0%	100.0% #373841	RGB 55 56 65	#373841

#C3C7E4 #ABAFC8 #9497AD #7D7F92 #656777 #4E4F5C #373841

#C3C7E4 - #373841

HSV Blend

#C3C7E4 - #373841 | 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 #C3C7E4 as 0% and #373841 as 100%.

0.0%	0.0% #C3C7E4	RGB 195 199 228	#C3C7E4
16.7%	16.7% #ABAEC8	RGB 171 174 200	#ABAEC8
33.3%	33.3% #9496AD	RGB 148 150 173	#9496AD
50.0%	50.0% #7C7F92	RGB 124 127 146	#7C7F92
66.7%	66.7% #656777	RGB 101 103 119	#656777
83.3%	83.3% #4E4F5C	RGB 78 79 92	#4E4F5C
100.0%	100.0% #373841	RGB 55 56 65	#373841

#C3C7E4 #ABAEC8 #9496AD #7C7F92 #656777 #4E4F5C #373841

#C3C7E4 - #7C7F92 - #373841

CSS codes

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

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