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

#C3C7E5 #373841

Calculate the color between two colors, #C3C7E5 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)

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

0.0%	0.0% #C3C7E5	RGB 195 199 229	#C3C7E5
16.7%	16.7% #ABAFC9	RGB 171 175 201	#ABAFC9
33.3%	33.3% #9497AE	RGB 148 151 174	#9497AE
50.0%	50.0% #7D7F93	RGB 125 127 147	#7D7F93
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

#C3C7E5 #ABAFC9 #9497AE #7D7F93 #656777 #4E4F5C #373841

#C3C7E5 - #373841

HSV Blend

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

0.0%	0.0% #C3C7E5	RGB 195 199 229	#C3C7E5
16.7%	16.7% #ABAEC9	RGB 171 174 201	#ABAEC9
33.3%	33.3% #9497AE	RGB 148 151 174	#9497AE
50.0%	50.0% #7C7F93	RGB 124 127 147	#7C7F93
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

#C3C7E5 #ABAEC9 #9497AE #7C7F93 #656777 #4E4F5C #373841

#C3C7E5 - #7C7F93 - #373841

CSS codes

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

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