#C4D0CB - #68858C | 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 #C4D0CB to #68858C

#C4D0CB #68858C

Calculate the color between two colors, #C4D0CB and #68858C. 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)

#C4D0CB - #68858C | 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 #C4D0CB as 0% and #68858C as 100%.

0.0%	0.0% #C4D0CB	RGB 196 208 203	#C4D0CB
16.7%	16.7% #B4C3C0	RGB 180 195 192	#B4C3C0
33.3%	33.3% #A5B7B6	RGB 165 183 182	#A5B7B6
50.0%	50.0% #96AAAB	RGB 150 170 171	#96AAAB
66.7%	66.7% #869EA1	RGB 134 158 161	#869EA1
83.3%	83.3% #779196	RGB 119 145 150	#779196
100.0%	100.0% #68858C	RGB 104 133 140	#68858C

#C4D0CB #B4C3C0 #A5B7B6 #96AAAB #869EA1 #779196 #68858C

#C4D0CB - #68858C

HSV Blend

#C4D0CB - #68858C | 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 #C4D0CB as 0% and #68858C as 100%.

0.0%	0.0% #C4D0CB	RGB 196 208 203	#C4D0CB
16.7%	16.7% #B2C4BF	RGB 178 196 191	#B2C4BF
33.3%	33.3% #A2B9B4	RGB 162 185 180	#A2B9B4
50.0%	50.0% #92AEAA	RGB 146 174 170	#92AEAA
66.7%	66.7% #83A2A2	RGB 131 162 162	#83A2A2
83.3%	83.3% #759497	RGB 117 148 151	#759497
100.0%	100.0% #68858C	RGB 104 133 140	#68858C

#C4D0CB #B2C4BF #A2B9B4 #92AEAA #83A2A2 #759497 #68858C

#C4D0CB - #92AEAA - #68858C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D0CB 0%, #92AEAA 50%, #68858C 100%);
    background: -webkit-linear-gradient(top, #C4D0CB 0%, #92AEAA 50%, #68858C 100%);
    background: linear-gradient(to bottom, #C4D0CB 0%, #92AEAA 50%, #68858C 100%);
}
</style>