#5E8BA4 - #CAC9BD | 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 #5E8BA4 to #CAC9BD

#5E8BA4 #CAC9BD

Calculate the color between two colors, #5E8BA4 and #CAC9BD. 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)

#5E8BA4 - #CAC9BD | 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 #5E8BA4 as 0% and #CAC9BD as 100%.

0.0%	0.0% #5E8BA4	RGB 94 139 164	#5E8BA4
16.7%	16.7% #7095A8	RGB 112 149 168	#7095A8
33.3%	33.3% #829FAC	RGB 130 159 172	#829FAC
50.0%	50.0% #94AAB0	RGB 148 170 176	#94AAB0
66.7%	66.7% #A6B4B4	RGB 166 180 180	#A6B4B4
83.3%	83.3% #B8BEB8	RGB 184 190 184	#B8BEB8
100.0%	100.0% #CAC9BD	RGB 202 201 189	#CAC9BD

#5E8BA4 #7095A8 #829FAC #94AAB0 #A6B4B4 #B8BEB8 #CAC9BD

#5E8BA4 - #CAC9BD

HSV Blend

#5E8BA4 - #CAC9BD | 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 #5E8BA4 as 0% and #CAC9BD as 100%.

0.0%	0.0% #5E8AA4	RGB 94 138 164	#5E8AA4
16.7%	16.7% #6BAAA7	RGB 107 170 167	#6BAAA7
33.3%	33.3% #7AB098	RGB 122 176 152	#7AB098
50.0%	50.0% #8AB790	RGB 138 183 144	#8AB790
66.7%	66.7% #A3BD9A	RGB 163 189 154	#A3BD9A
83.3%	83.3% #BBC3AB	RGB 187 195 171	#BBC3AB
100.0%	100.0% #CAC9BD	RGB 202 201 189	#CAC9BD

#5E8AA4 #6BAAA7 #7AB098 #8AB790 #A3BD9A #BBC3AB #CAC9BD

#5E8BA4 - #8AB790 - #CAC9BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8AA4 0%, #8AB790 50%, #CAC9BD 100%);
    background: -webkit-linear-gradient(top, #5E8AA4 0%, #8AB790 50%, #CAC9BD 100%);
    background: linear-gradient(to bottom, #5E8AA4 0%, #8AB790 50%, #CAC9BD 100%);
}
</style>