#4C92A8 - #CBDFE6 | 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 #4C92A8 a #CBDFE6

#4C92A8 #CBDFE6

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

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

0.0%	0.0% #4C92A8	RGB 76 146 168	#4C92A8
16.7%	16.7% #619EB2	RGB 97 158 178	#619EB2
33.3%	33.3% #76ABBC	RGB 118 171 188	#76ABBC
50.0%	50.0% #8BB8C7	RGB 139 184 199	#8BB8C7
66.7%	66.7% #A0C5D1	RGB 160 197 209	#A0C5D1
83.3%	83.3% #B5D2DB	RGB 181 210 219	#B5D2DB
100.0%	100.0% #CBDFE6	RGB 203 223 230	#CBDFE6

#4C92A8 #619EB2 #76ABBC #8BB8C7 #A0C5D1 #B5D2DB #CBDFE6

#4C92A8 - #CBDFE6

Mezcla HSV

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

0.0%	0.0% #4C92A8	RGB 76 146 168	#4C92A8
16.7%	16.7% #5D9DB2	RGB 93 157 178	#5D9DB2
33.3%	33.3% #70A9BC	RGB 112 169 188	#70A9BC
50.0%	50.0% #84B6C7	RGB 132 182 199	#84B6C7
66.7%	66.7% #9AC3D1	RGB 154 195 209	#9AC3D1
83.3%	83.3% #B2D1DB	RGB 178 209 219	#B2D1DB
100.0%	100.0% #CBDFE6	RGB 203 223 230	#CBDFE6

#4C92A8 #5D9DB2 #70A9BC #84B6C7 #9AC3D1 #B2D1DB #CBDFE6

#4C92A8 - #84B6C7 - #CBDFE6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C92A8 0%, #84B6C7 50%, #CBDFE6 100%);
    background: -webkit-linear-gradient(top, #4C92A8 0%, #84B6C7 50%, #CBDFE6 100%);
    background: linear-gradient(to bottom, #4C92A8 0%, #84B6C7 50%, #CBDFE6 100%);
}
</style>