#B5CACE - #667A90 | 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 #B5CACE to #667A90

#B5CACE #667A90

Calculate the color between two colors, #B5CACE and #667A90. 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)

#B5CACE - #667A90 | 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 #B5CACE as 0% and #667A90 as 100%.

0.0%	0.0% #B5CACE	RGB 181 202 206	#B5CACE
16.7%	16.7% #A7BCC3	RGB 167 188 195	#A7BCC3
33.3%	33.3% #9AAFB9	RGB 154 175 185	#9AAFB9
50.0%	50.0% #8DA2AF	RGB 141 162 175	#8DA2AF
66.7%	66.7% #8094A4	RGB 128 148 164	#8094A4
83.3%	83.3% #73879A	RGB 115 135 154	#73879A
100.0%	100.0% #667A90	RGB 102 122 144	#667A90

#B5CACE #A7BCC3 #9AAFB9 #8DA2AF #8094A4 #73879A #667A90

#B5CACE - #667A90

HSV Blend

#B5CACE - #667A90 | 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 #B5CACE as 0% and #667A90 as 100%.

0.0%	0.0% #B5CACE	RGB 181 202 206	#B5CACE
16.7%	16.7% #A6BDC3	RGB 166 189 195	#A6BDC3
33.3%	33.3% #98B0B9	RGB 152 176 185	#98B0B9
50.0%	50.0% #8AA2AF	RGB 138 162 175	#8AA2AF
66.7%	66.7% #7D95A4	RGB 125 149 164	#7D95A4
83.3%	83.3% #71879A	RGB 113 135 154	#71879A
100.0%	100.0% #667A90	RGB 102 122 144	#667A90

#B5CACE #A6BDC3 #98B0B9 #8AA2AF #7D95A4 #71879A #667A90

#B5CACE - #8AA2AF - #667A90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5CACE 0%, #8AA2AF 50%, #667A90 100%);
    background: -webkit-linear-gradient(top, #B5CACE 0%, #8AA2AF 50%, #667A90 100%);
    background: linear-gradient(to bottom, #B5CACE 0%, #8AA2AF 50%, #667A90 100%);
}
</style>