#C6F5E6 - #384641 | 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 #C6F5E6 to #384641

#C6F5E6 #384641

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

#C6F5E6 - #384641 | 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 #C6F5E6 as 0% and #384641 as 100%.

0.0%	0.0% #C6F5E6	RGB 198 245 230	#C6F5E6
16.7%	16.7% #AED7CA	RGB 174 215 202	#AED7CA
33.3%	33.3% #96BAAF	RGB 150 186 175	#96BAAF
50.0%	50.0% #7F9D93	RGB 127 157 147	#7F9D93
66.7%	66.7% #678078	RGB 103 128 120	#678078
83.3%	83.3% #4F635C	RGB 79 99 92	#4F635C
100.0%	100.0% #384641	RGB 56 70 65	#384641

#C6F5E6 #AED7CA #96BAAF #7F9D93 #678078 #4F635C #384641

#C6F5E6 - #384641

HSV Blend

#C6F5E6 - #384641 | 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 #C6F5E6 as 0% and #384641 as 100%.

0.0%	0.0% #C6F5E6	RGB 198 245 230	#C6F5E6
16.7%	16.7% #AED7CA	RGB 174 215 202	#AED7CA
33.3%	33.3% #96BAAE	RGB 150 186 174	#96BAAE
50.0%	50.0% #7E9D93	RGB 126 157 147	#7E9D93
66.7%	66.7% #678077	RGB 103 128 119	#678077
83.3%	83.3% #4F635C	RGB 79 99 92	#4F635C
100.0%	100.0% #384641	RGB 56 70 65	#384641

#C6F5E6 #AED7CA #96BAAE #7E9D93 #678077 #4F635C #384641

#C6F5E6 - #7E9D93 - #384641

CSS codes

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

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