#9CC4BD - #E2CECE | 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 #9CC4BD to #E2CECE

#9CC4BD #E2CECE

Calculate the color between two colors, #9CC4BD and #E2CECE. 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)

#9CC4BD - #E2CECE | 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 #9CC4BD as 0% and #E2CECE as 100%.

0.0%	0.0% #9CC4BD	RGB 156 196 189	#9CC4BD
16.7%	16.7% #A7C5BF	RGB 167 197 191	#A7C5BF
33.3%	33.3% #B3C7C2	RGB 179 199 194	#B3C7C2
50.0%	50.0% #BFC9C5	RGB 191 201 197	#BFC9C5
66.7%	66.7% #CACAC8	RGB 202 202 200	#CACAC8
83.3%	83.3% #D6CCCB	RGB 214 204 203	#D6CCCB
100.0%	100.0% #E2CECE	RGB 226 206 206	#E2CECE

#9CC4BD #A7C5BF #B3C7C2 #BFC9C5 #CACAC8 #D6CCCB #E2CECE

#9CC4BD - #E2CECE

HSV Blend

#9CC4BD - #E2CECE | 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 #9CC4BD as 0% and #E2CECE as 100%.

0.0%	0.0% #9CC4BD	RGB 156 196 189	#9CC4BD
16.7%	16.7% #A3C9B1	RGB 163 201 177	#A3C9B1
33.3%	33.3% #AFCEAB	RGB 175 206 171	#AFCEAB
50.0%	50.0% #C6D3B4	RGB 198 211 180	#C6D3B4
66.7%	66.7% #D8D6BC	RGB 216 214 188	#D8D6BC
83.3%	83.3% #DDD0C5	RGB 221 208 197	#DDD0C5
100.0%	100.0% #E2CECE	RGB 226 206 206	#E2CECE

#9CC4BD #A3C9B1 #AFCEAB #C6D3B4 #D8D6BC #DDD0C5 #E2CECE

#9CC4BD - #C6D3B4 - #E2CECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CC4BD 0%, #C6D3B4 50%, #E2CECE 100%);
    background: -webkit-linear-gradient(top, #9CC4BD 0%, #C6D3B4 50%, #E2CECE 100%);
    background: linear-gradient(to bottom, #9CC4BD 0%, #C6D3B4 50%, #E2CECE 100%);
}
</style>