#CCDCDA - #78AFAC | 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 #CCDCDA to #78AFAC

#CCDCDA #78AFAC

Calculate the color between two colors, #CCDCDA and #78AFAC. 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)

#CCDCDA - #78AFAC | 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 #CCDCDA as 0% and #78AFAC as 100%.

0.0%	0.0% #CCDCDA	RGB 204 220 218	#CCDCDA
16.7%	16.7% #BED4D2	RGB 190 212 210	#BED4D2
33.3%	33.3% #B0CDCA	RGB 176 205 202	#B0CDCA
50.0%	50.0% #A2C5C3	RGB 162 197 195	#A2C5C3
66.7%	66.7% #94BEBB	RGB 148 190 187	#94BEBB
83.3%	83.3% #86B6B3	RGB 134 182 179	#86B6B3
100.0%	100.0% #78AFAC	RGB 120 175 172	#78AFAC

#CCDCDA #BED4D2 #B0CDCA #A2C5C3 #94BEBB #86B6B3 #78AFAC

#CCDCDA - #78AFAC

HSV Blend

#CCDCDA - #78AFAC | 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 #CCDCDA as 0% and #78AFAC as 100%.

0.0%	0.0% #CCDCDA	RGB 204 220 218	#CCDCDA
16.7%	16.7% #BCD4D1	RGB 188 212 209	#BCD4D1
33.3%	33.3% #ADCDC9	RGB 173 205 201	#ADCDC9
50.0%	50.0% #9FC5C2	RGB 159 197 194	#9FC5C2
66.7%	66.7% #91BEBA	RGB 145 190 186	#91BEBA
83.3%	83.3% #84B6B3	RGB 132 182 179	#84B6B3
100.0%	100.0% #78AFAC	RGB 120 175 172	#78AFAC

#CCDCDA #BCD4D1 #ADCDC9 #9FC5C2 #91BEBA #84B6B3 #78AFAC

#CCDCDA - #9FC5C2 - #78AFAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCDCDA 0%, #9FC5C2 50%, #78AFAC 100%);
    background: -webkit-linear-gradient(top, #CCDCDA 0%, #9FC5C2 50%, #78AFAC 100%);
    background: linear-gradient(to bottom, #CCDCDA 0%, #9FC5C2 50%, #78AFAC 100%);
}
</style>