#A2BDA5 - #E4ECE5 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #A2BDA5 a #E4ECE5

#A2BDA5 #E4ECE5

Calcule el color entre dos colores, #A2BDA5 y #E4ECE5. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#A2BDA5 - #E4ECE5 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #A2BDA5 como 0% y #E4ECE5 como 100%.

0.0%	0.0% #A2BDA5	RGB 162 189 165	#A2BDA5
16.7%	16.7% #ADC4AF	RGB 173 196 175	#ADC4AF
33.3%	33.3% #B8CCBA	RGB 184 204 186	#B8CCBA
50.0%	50.0% #C3D4C5	RGB 195 212 197	#C3D4C5
66.7%	66.7% #CEDCCF	RGB 206 220 207	#CEDCCF
83.3%	83.3% #D9E4DA	RGB 217 228 218	#D9E4DA
100.0%	100.0% #E4ECE5	RGB 228 236 229	#E4ECE5

#A2BDA5 #ADC4AF #B8CCBA #C3D4C5 #CEDCCF #D9E4DA #E4ECE5

#A2BDA5 - #E4ECE5

Mezcla HSV

#A2BDA5 - #E4ECE5 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #A2BDA5 como 0% y #E4ECE5 como 100%.

0.0%	0.0% #A2BDA5	RGB 162 189 165	#A2BDA5
16.7%	16.7% #ACC4AF	RGB 172 196 175	#ACC4AF
33.3%	33.3% #B6CCB9	RGB 182 204 185	#B6CCB9
50.0%	50.0% #C1D4C3	RGB 193 212 195	#C1D4C3
66.7%	66.7% #CCDCCE	RGB 204 220 206	#CCDCCE
83.3%	83.3% #D8E4D9	RGB 216 228 217	#D8E4D9
100.0%	100.0% #E4ECE5	RGB 228 236 229	#E4ECE5

#A2BDA5 #ACC4AF #B6CCB9 #C1D4C3 #CCDCCE #D8E4D9 #E4ECE5

#A2BDA5 - #C1D4C3 - #E4ECE5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2BDA5 0%, #C1D4C3 50%, #E4ECE5 100%);
    background: -webkit-linear-gradient(top, #A2BDA5 0%, #C1D4C3 50%, #E4ECE5 100%);
    background: linear-gradient(to bottom, #A2BDA5 0%, #C1D4C3 50%, #E4ECE5 100%);
}
</style>