#C3C7DF - #37383F | 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 #C3C7DF to #37383F

#C3C7DF #37383F

Calculate the color between two colors, #C3C7DF and #37383F. 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)

#C3C7DF - #37383F | 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 #C3C7DF as 0% and #37383F as 100%.

0.0%	0.0% #C3C7DF	RGB 195 199 223	#C3C7DF
16.7%	16.7% #ABAFC4	RGB 171 175 196	#ABAFC4
33.3%	33.3% #9497A9	RGB 148 151 169	#9497A9
50.0%	50.0% #7D7F8F	RGB 125 127 143	#7D7F8F
66.7%	66.7% #656774	RGB 101 103 116	#656774
83.3%	83.3% #4E4F59	RGB 78 79 89	#4E4F59
100.0%	100.0% #37383F	RGB 55 56 63	#37383F

#C3C7DF #ABAFC4 #9497A9 #7D7F8F #656774 #4E4F59 #37383F

#C3C7DF - #37383F

HSV Blend

#C3C7DF - #37383F | 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 #C3C7DF as 0% and #37383F as 100%.

0.0%	0.0% #C3C7DF	RGB 195 199 223	#C3C7DF
16.7%	16.7% #ABAFC4	RGB 171 175 196	#ABAFC4
33.3%	33.3% #9497A9	RGB 148 151 169	#9497A9
50.0%	50.0% #7C7F8F	RGB 124 127 143	#7C7F8F
66.7%	66.7% #656774	RGB 101 103 116	#656774
83.3%	83.3% #4E4F59	RGB 78 79 89	#4E4F59
100.0%	100.0% #37383F	RGB 55 56 63	#37383F

#C3C7DF #ABAFC4 #9497A9 #7C7F8F #656774 #4E4F59 #37383F

#C3C7DF - #7C7F8F - #37383F

CSS codes

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

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