#6F8AA2 - #CEC6B9 | 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 #6F8AA2 to #CEC6B9

#6F8AA2 #CEC6B9

Calculate the color between two colors, #6F8AA2 and #CEC6B9. 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)

#6F8AA2 - #CEC6B9 | 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 #6F8AA2 as 0% and #CEC6B9 as 100%.

0.0%	0.0% #6F8AA2	RGB 111 138 162	#6F8AA2
16.7%	16.7% #7E94A5	RGB 126 148 165	#7E94A5
33.3%	33.3% #8E9EA9	RGB 142 158 169	#8E9EA9
50.0%	50.0% #9EA8AD	RGB 158 168 173	#9EA8AD
66.7%	66.7% #AEB2B1	RGB 174 178 177	#AEB2B1
83.3%	83.3% #BEBCB5	RGB 190 188 181	#BEBCB5
100.0%	100.0% #CEC6B9	RGB 206 198 185	#CEC6B9

#6F8AA2 #7E94A5 #8E9EA9 #9EA8AD #AEB2B1 #BEBCB5 #CEC6B9

#6F8AA2 - #CEC6B9

HSV Blend

#6F8AA2 - #CEC6B9 | 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 #6F8AA2 as 0% and #CEC6B9 as 100%.

0.0%	0.0% #6F8AA2	RGB 111 138 162	#6F8AA2
16.7%	16.7% #7AA9A9	RGB 122 169 169	#7AA9A9
33.3%	33.3% #85B09B	RGB 133 176 155	#85B09B
50.0%	50.0% #91B893	RGB 145 184 147	#91B893
66.7%	66.7% #ACBF9E	RGB 172 191 158	#ACBF9E
83.3%	83.3% #C4C6AB	RGB 196 198 171	#C4C6AB
100.0%	100.0% #CEC6B9	RGB 206 198 185	#CEC6B9

#6F8AA2 #7AA9A9 #85B09B #91B893 #ACBF9E #C4C6AB #CEC6B9

#6F8AA2 - #91B893 - #CEC6B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F8AA2 0%, #91B893 50%, #CEC6B9 100%);
    background: -webkit-linear-gradient(top, #6F8AA2 0%, #91B893 50%, #CEC6B9 100%);
    background: linear-gradient(to bottom, #6F8AA2 0%, #91B893 50%, #CEC6B9 100%);
}
</style>