#919FA2 - #AEEBDF | 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 #919FA2 a #AEEBDF

#919FA2 #AEEBDF

Calcule el color entre dos colores, #919FA2 y #AEEBDF. 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)

#919FA2 - #AEEBDF | 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 #919FA2 como 0% y #AEEBDF como 100%.

0.0%	0.0% #919FA2	RGB 145 159 162	#919FA2
16.7%	16.7% #95ABAC	RGB 149 171 172	#95ABAC
33.3%	33.3% #9AB8B6	RGB 154 184 182	#9AB8B6
50.0%	50.0% #9FC5C0	RGB 159 197 192	#9FC5C0
66.7%	66.7% #A4D1CA	RGB 164 209 202	#A4D1CA
83.3%	83.3% #A9DED4	RGB 169 222 212	#A9DED4
100.0%	100.0% #AEEBDF	RGB 174 235 223	#AEEBDF

#919FA2 #95ABAC #9AB8B6 #9FC5C0 #A4D1CA #A9DED4 #AEEBDF

#919FA2 - #AEEBDF

Mezcla HSV

#919FA2 - #AEEBDF | 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 #919FA2 como 0% y #AEEBDF como 100%.

0.0%	0.0% #919FA2	RGB 145 159 162	#919FA2
16.7%	16.7% #97ABAE	RGB 151 171 174	#97ABAE
33.3%	33.3% #9DB8BA	RGB 157 184 186	#9DB8BA
50.0%	50.0% #A2C6C6	RGB 162 198 198	#A2C6C6
66.7%	66.7% #A6D2CF	RGB 166 210 207	#A6D2CF
83.3%	83.3% #AADED7	RGB 170 222 215	#AADED7
100.0%	100.0% #AEEBDF	RGB 174 235 223	#AEEBDF

#919FA2 #97ABAE #9DB8BA #A2C6C6 #A6D2CF #AADED7 #AEEBDF

#919FA2 - #A2C6C6 - #AEEBDF

Códigos CSS

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

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