#A4B6D2 - #E5EAF2 | 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 #A4B6D2 a #E5EAF2

#A4B6D2 #E5EAF2

Calcule el color entre dos colores, #A4B6D2 y #E5EAF2. 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)

#A4B6D2 - #E5EAF2 | 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 #A4B6D2 como 0% y #E5EAF2 como 100%.

0.0%	0.0% #A4B6D2	RGB 164 182 210	#A4B6D2
16.7%	16.7% #AEBED7	RGB 174 190 215	#AEBED7
33.3%	33.3% #B9C7DC	RGB 185 199 220	#B9C7DC
50.0%	50.0% #C4D0E2	RGB 196 208 226	#C4D0E2
66.7%	66.7% #CFD8E7	RGB 207 216 231	#CFD8E7
83.3%	83.3% #DAE1EC	RGB 218 225 236	#DAE1EC
100.0%	100.0% #E5EAF2	RGB 229 234 242	#E5EAF2

#A4B6D2 #AEBED7 #B9C7DC #C4D0E2 #CFD8E7 #DAE1EC #E5EAF2

#A4B6D2 - #E5EAF2

Mezcla HSV

#A4B6D2 - #E5EAF2 | 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 #A4B6D2 como 0% y #E5EAF2 como 100%.

0.0%	0.0% #A4B6D2	RGB 164 182 210	#A4B6D2
16.7%	16.7% #AEBED7	RGB 174 190 215	#AEBED7
33.3%	33.3% #B8C6DC	RGB 184 198 220	#B8C6DC
50.0%	50.0% #C3CFE2	RGB 195 207 226	#C3CFE2
66.7%	66.7% #CED7E7	RGB 206 215 231	#CED7E7
83.3%	83.3% #D9E0EC	RGB 217 224 236	#D9E0EC
100.0%	100.0% #E5EAF2	RGB 229 234 242	#E5EAF2

#A4B6D2 #AEBED7 #B8C6DC #C3CFE2 #CED7E7 #D9E0EC #E5EAF2

#A4B6D2 - #C3CFE2 - #E5EAF2

Códigos CSS

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

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