#C7DDDA - #383F3E | 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 #C7DDDA to #383F3E

#C7DDDA #383F3E

Calculate the color between two colors, #C7DDDA and #383F3E. 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)

#C7DDDA - #383F3E | 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 #C7DDDA as 0% and #383F3E as 100%.

0.0%	0.0% #C7DDDA	RGB 199 221 218	#C7DDDA
16.7%	16.7% #AFC2C0	RGB 175 194 192	#AFC2C0
33.3%	33.3% #97A8A6	RGB 151 168 166	#97A8A6
50.0%	50.0% #7F8E8C	RGB 127 142 140	#7F8E8C
66.7%	66.7% #677372	RGB 103 115 114	#677372
83.3%	83.3% #4F5958	RGB 79 89 88	#4F5958
100.0%	100.0% #383F3E	RGB 56 63 62	#383F3E

#C7DDDA #AFC2C0 #97A8A6 #7F8E8C #677372 #4F5958 #383F3E

#C7DDDA - #383F3E

HSV Blend

#C7DDDA - #383F3E | 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 #C7DDDA as 0% and #383F3E as 100%.

0.0%	0.0% #C7DDDA	RGB 199 221 218	#C7DDDA
16.7%	16.7% #AEC2BF	RGB 174 194 191	#AEC2BF
33.3%	33.3% #96A8A5	RGB 150 168 165	#96A8A5
50.0%	50.0% #7F8E8B	RGB 127 142 139	#7F8E8B
66.7%	66.7% #677371	RGB 103 115 113	#677371
83.3%	83.3% #4F5957	RGB 79 89 87	#4F5957
100.0%	100.0% #383F3E	RGB 56 63 62	#383F3E

#C7DDDA #AEC2BF #96A8A5 #7F8E8B #677371 #4F5957 #383F3E

#C7DDDA - #7F8E8B - #383F3E

CSS codes

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

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