#75BAB5 - #CDC9C9 | 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 #75BAB5 to #CDC9C9

#75BAB5 #CDC9C9

Calculate the color between two colors, #75BAB5 and #CDC9C9. 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)

#75BAB5 - #CDC9C9 | 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 #75BAB5 as 0% and #CDC9C9 as 100%.

0.0%	0.0% #75BAB5	RGB 117 186 181	#75BAB5
16.7%	16.7% #83BCB8	RGB 131 188 184	#83BCB8
33.3%	33.3% #92BFBB	RGB 146 191 187	#92BFBB
50.0%	50.0% #A1C1BF	RGB 161 193 191	#A1C1BF
66.7%	66.7% #AFC4C2	RGB 175 196 194	#AFC4C2
83.3%	83.3% #BEC6C5	RGB 190 198 197	#BEC6C5
100.0%	100.0% #CDC9C9	RGB 205 201 201	#CDC9C9

#75BAB5 #83BCB8 #92BFBB #A1C1BF #AFC4C2 #BEC6C5 #CDC9C9

#75BAB5 - #CDC9C9

HSV Blend

#75BAB5 - #CDC9C9 | 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 #75BAB5 as 0% and #CDC9C9 as 100%.

0.0%	0.0% #75BAB5	RGB 117 186 181	#75BAB5
16.7%	16.7% #82BD9C	RGB 130 189 156	#82BD9C
33.3%	33.3% #91C08F	RGB 145 192 143	#91C08F
50.0%	50.0% #B1C39D	RGB 177 195 157	#B1C39D
66.7%	66.7% #C6C6AB	RGB 198 198 171	#C6C6AB
83.3%	83.3% #C9C1BA	RGB 201 193 186	#C9C1BA
100.0%	100.0% #CDC9C9	RGB 205 201 201	#CDC9C9

#75BAB5 #82BD9C #91C08F #B1C39D #C6C6AB #C9C1BA #CDC9C9

#75BAB5 - #B1C39D - #CDC9C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75BAB5 0%, #B1C39D 50%, #CDC9C9 100%);
    background: -webkit-linear-gradient(top, #75BAB5 0%, #B1C39D 50%, #CDC9C9 100%);
    background: linear-gradient(to bottom, #75BAB5 0%, #B1C39D 50%, #CDC9C9 100%);
}
</style>