#688393 - #CDC2AF | 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 #688393 to #CDC2AF

#688393 #CDC2AF

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

#688393 - #CDC2AF | 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 #688393 as 0% and #CDC2AF as 100%.

0.0%	0.0% #688393	RGB 104 131 147	#688393
16.7%	16.7% #788D97	RGB 120 141 151	#788D97
33.3%	33.3% #89989C	RGB 137 152 156	#89989C
50.0%	50.0% #9AA2A1	RGB 154 162 161	#9AA2A1
66.7%	66.7% #ABADA5	RGB 171 173 165	#ABADA5
83.3%	83.3% #BCB7AA	RGB 188 183 170	#BCB7AA
100.0%	100.0% #CDC2AF	RGB 205 194 175	#CDC2AF

#688393 #788D97 #89989C #9AA2A1 #ABADA5 #BCB7AA #CDC2AF

#688393 - #CDC2AF

HSV Blend

#688393 - #CDC2AF | 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 #688393 as 0% and #CDC2AF as 100%.

0.0%	0.0% #688293	RGB 104 130 147	#688293
16.7%	16.7% #729C99	RGB 114 156 153	#729C99
33.3%	33.3% #7DA690	RGB 125 166 144	#7DA690
50.0%	50.0% #89B089	RGB 137 176 137	#89B089
66.7%	66.7% #A5B995	RGB 165 185 149	#A5B995
83.3%	83.3% #C0C3A1	RGB 192 195 161	#C0C3A1
100.0%	100.0% #CDC2AF	RGB 205 194 175	#CDC2AF

#688293 #729C99 #7DA690 #89B089 #A5B995 #C0C3A1 #CDC2AF

#688393 - #89B089 - #CDC2AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #688293 0%, #89B089 50%, #CDC2AF 100%);
    background: -webkit-linear-gradient(top, #688293 0%, #89B089 50%, #CDC2AF 100%);
    background: linear-gradient(to bottom, #688293 0%, #89B089 50%, #CDC2AF 100%);
}
</style>