#5E8F70 - #CCAFB5 | 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 #5E8F70 to #CCAFB5

#5E8F70 #CCAFB5

Calculate the color between two colors, #5E8F70 and #CCAFB5. 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)

#5E8F70 - #CCAFB5 | 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 #5E8F70 as 0% and #CCAFB5 as 100%.

0.0%	0.0% #5E8F70	RGB 94 143 112	#5E8F70
16.7%	16.7% #70947B	RGB 112 148 123	#70947B
33.3%	33.3% #829987	RGB 130 153 135	#829987
50.0%	50.0% #959F92	RGB 149 159 146	#959F92
66.7%	66.7% #A7A49E	RGB 167 164 158	#A7A49E
83.3%	83.3% #B9A9A9	RGB 185 169 169	#B9A9A9
100.0%	100.0% #CCAFB5	RGB 204 175 181	#CCAFB5

#5E8F70 #70947B #829987 #959F92 #A7A49E #B9A9A9 #CCAFB5

#5E8F70 - #CCAFB5

HSV Blend

#5E8F70 - #CCAFB5 | 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 #5E8F70 as 0% and #CCAFB5 as 100%.

0.0%	0.0% #5E8F70	RGB 94 143 112	#5E8F70
16.7%	16.7% #6C9969	RGB 108 153 105	#6C9969
33.3%	33.3% #8CA376	RGB 140 163 118	#8CA376
50.0%	50.0% #AAAD83	RGB 170 173 131	#AAAD83
66.7%	66.7% #B7AA91	RGB 183 170 145	#B7AA91
83.3%	83.3% #C1A79F	RGB 193 167 159	#C1A79F
100.0%	100.0% #CCAFB5	RGB 204 175 181	#CCAFB5

#5E8F70 #6C9969 #8CA376 #AAAD83 #B7AA91 #C1A79F #CCAFB5

#5E8F70 - #AAAD83 - #CCAFB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F70 0%, #AAAD83 50%, #CCAFB5 100%);
    background: -webkit-linear-gradient(top, #5E8F70 0%, #AAAD83 50%, #CCAFB5 100%);
    background: linear-gradient(to bottom, #5E8F70 0%, #AAAD83 50%, #CCAFB5 100%);
}
</style>