#CFCFD3 - #7C7E90 | 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 #CFCFD3 to #7C7E90

#CFCFD3 #7C7E90

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

#CFCFD3 - #7C7E90 | 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 #CFCFD3 as 0% and #7C7E90 as 100%.

0.0%	0.0% #CFCFD3	RGB 207 207 211	#CFCFD3
16.7%	16.7% #C1C1C7	RGB 193 193 199	#C1C1C7
33.3%	33.3% #B3B4BC	RGB 179 180 188	#B3B4BC
50.0%	50.0% #A5A6B1	RGB 165 166 177	#A5A6B1
66.7%	66.7% #9799A6	RGB 151 153 166	#9799A6
83.3%	83.3% #898B9B	RGB 137 139 155	#898B9B
100.0%	100.0% #7C7E90	RGB 124 126 144	#7C7E90

#CFCFD3 #C1C1C7 #B3B4BC #A5A6B1 #9799A6 #898B9B #7C7E90

#CFCFD3 - #7C7E90

HSV Blend

#CFCFD3 - #7C7E90 | 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 #CFCFD3 as 0% and #7C7E90 as 100%.

0.0%	0.0% #CFCFD3	RGB 207 207 211	#CFCFD3
16.7%	16.7% #C0C0C7	RGB 192 192 199	#C0C0C7
33.3%	33.3% #B1B1BC	RGB 177 177 188	#B1B1BC
50.0%	50.0% #A3A4B1	RGB 163 164 177	#A3A4B1
66.7%	66.7% #9596A6	RGB 149 150 166	#9596A6
83.3%	83.3% #888A9B	RGB 136 138 155	#888A9B
100.0%	100.0% #7C7E90	RGB 124 126 144	#7C7E90

#CFCFD3 #C0C0C7 #B1B1BC #A3A4B1 #9596A6 #888A9B #7C7E90

#CFCFD3 - #A3A4B1 - #7C7E90

CSS codes

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

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