#9C9CD1 - #CBCED4 | 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 #9C9CD1 to #CBCED4

#9C9CD1 #CBCED4

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

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

0.0%	0.0% #9C9CD1	RGB 156 156 209	#9C9CD1
16.7%	16.7% #A3A4D1	RGB 163 164 209	#A3A4D1
33.3%	33.3% #ABACD2	RGB 171 172 210	#ABACD2
50.0%	50.0% #B3B5D2	RGB 179 181 210	#B3B5D2
66.7%	66.7% #BBBDD3	RGB 187 189 211	#BBBDD3
83.3%	83.3% #C3C5D3	RGB 195 197 211	#C3C5D3
100.0%	100.0% #CBCED4	RGB 203 206 212	#CBCED4

#9C9CD1 #A3A4D1 #ABACD2 #B3B5D2 #BBBDD3 #C3C5D3 #CBCED4

#9C9CD1 - #CBCED4

HSV Blend

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

0.0%	0.0% #9C9CD1	RGB 156 156 209	#9C9CD1
16.7%	16.7% #A3A6D1	RGB 163 166 209	#A3A6D1
33.3%	33.3% #ABAFD2	RGB 171 175 210	#ABAFD2
50.0%	50.0% #B3B8D2	RGB 179 184 210	#B3B8D2
66.7%	66.7% #BBC0D3	RGB 187 192 211	#BBC0D3
83.3%	83.3% #C3C7D3	RGB 195 199 211	#C3C7D3
100.0%	100.0% #CBCED4	RGB 203 206 212	#CBCED4

#9C9CD1 #A3A6D1 #ABAFD2 #B3B8D2 #BBC0D3 #C3C7D3 #CBCED4

#9C9CD1 - #B3B8D2 - #CBCED4

CSS codes

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

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