#4974B5 - #ADE2B7 | 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 #4974B5 a #ADE2B7

#4974B5 #ADE2B7

Calcule el color entre dos colores, #4974B5 y #ADE2B7. 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)

#4974B5 - #ADE2B7 | 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 #4974B5 como 0% y #ADE2B7 como 100%.

0.0%	0.0% #4974B5	RGB 73 116 181	#4974B5
16.7%	16.7% #5986B5	RGB 89 134 181	#5986B5
33.3%	33.3% #6A98B5	RGB 106 152 181	#6A98B5
50.0%	50.0% #7BABB6	RGB 123 171 182	#7BABB6
66.7%	66.7% #8BBDB6	RGB 139 189 182	#8BBDB6
83.3%	83.3% #9CCFB6	RGB 156 207 182	#9CCFB6
100.0%	100.0% #ADE2B7	RGB 173 226 183	#ADE2B7

#4974B5 #5986B5 #6A98B5 #7BABB6 #8BBDB6 #9CCFB6 #ADE2B7

#4974B5 - #ADE2B7

Mezcla HSV

#4974B5 - #ADE2B7 | 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 #4974B5 como 0% y #ADE2B7 como 100%.

0.0%	0.0% #4973B5	RGB 73 115 181	#4973B5
16.7%	16.7% #5797BC	RGB 87 151 188	#5797BC
33.3%	33.3% #66B7C4	RGB 102 183 196	#66B7C4
50.0%	50.0% #76CBC2	RGB 118 203 194	#76CBC2
66.7%	66.7% #88D3B9	RGB 136 211 185	#88D3B9
83.3%	83.3% #9ADAB5	RGB 154 218 181	#9ADAB5
100.0%	100.0% #ADE2B7	RGB 173 226 183	#ADE2B7

#4973B5 #5797BC #66B7C4 #76CBC2 #88D3B9 #9ADAB5 #ADE2B7

#4974B5 - #76CBC2 - #ADE2B7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4973B5 0%, #76CBC2 50%, #ADE2B7 100%);
    background: -webkit-linear-gradient(top, #4973B5 0%, #76CBC2 50%, #ADE2B7 100%);
    background: linear-gradient(to bottom, #4973B5 0%, #76CBC2 50%, #ADE2B7 100%);
}
</style>