#4DBEFF - #C7E5E3 | 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 #4DBEFF a #C7E5E3

#4DBEFF #C7E5E3

Calcule el color entre dos colores, #4DBEFF y #C7E5E3. 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)

#4DBEFF - #C7E5E3 | 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 #4DBEFF como 0% y #C7E5E3 como 100%.

0.0%	0.0% #4DBEFF	RGB 77 190 255	#4DBEFF
16.7%	16.7% #61C4FA	RGB 97 196 250	#61C4FA
33.3%	33.3% #75CBF5	RGB 117 203 245	#75CBF5
50.0%	50.0% #8AD1F1	RGB 138 209 241	#8AD1F1
66.7%	66.7% #9ED8EC	RGB 158 216 236	#9ED8EC
83.3%	83.3% #B2DEE7	RGB 178 222 231	#B2DEE7
100.0%	100.0% #C7E5E3	RGB 199 229 227	#C7E5E3

#4DBEFF #61C4FA #75CBF5 #8AD1F1 #9ED8EC #B2DEE7 #C7E5E3

#4DBEFF - #C7E5E3

Mezcla HSV

#4DBEFF - #C7E5E3 | 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 #4DBEFF como 0% y #C7E5E3 como 100%.

0.0%	0.0% #4DBEFF	RGB 77 190 255	#4DBEFF
16.7%	16.7% #63CEFA	RGB 99 206 250	#63CEFA
33.3%	33.3% #78DAF6	RGB 120 218 246	#78DAF6
50.0%	50.0% #8DE3F2	RGB 141 227 242	#8DE3F2
66.7%	66.7% #A1E7ED	RGB 161 231 237	#A1E7ED
83.3%	83.3% #B4E9E9	RGB 180 233 233	#B4E9E9
100.0%	100.0% #C7E5E3	RGB 199 229 227	#C7E5E3

#4DBEFF #63CEFA #78DAF6 #8DE3F2 #A1E7ED #B4E9E9 #C7E5E3

#4DBEFF - #8DE3F2 - #C7E5E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DBEFF 0%, #8DE3F2 50%, #C7E5E3 100%);
    background: -webkit-linear-gradient(top, #4DBEFF 0%, #8DE3F2 50%, #C7E5E3 100%);
    background: linear-gradient(to bottom, #4DBEFF 0%, #8DE3F2 50%, #C7E5E3 100%);
}
</style>