#49D2D2 - #CBF2F2 | 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 #49D2D2 a #CBF2F2

#49D2D2 #CBF2F2

Calcule el color entre dos colores, #49D2D2 y #CBF2F2. 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)

#49D2D2 - #CBF2F2 | 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 #49D2D2 como 0% y #CBF2F2 como 100%.

0.0%	0.0% #49D2D2	RGB 73 210 210	#49D2D2
16.7%	16.7% #5ED7D7	RGB 94 215 215	#5ED7D7
33.3%	33.3% #74DCDC	RGB 116 220 220	#74DCDC
50.0%	50.0% #8AE2E2	RGB 138 226 226	#8AE2E2
66.7%	66.7% #9FE7E7	RGB 159 231 231	#9FE7E7
83.3%	83.3% #B5ECEC	RGB 181 236 236	#B5ECEC
100.0%	100.0% #CBF2F2	RGB 203 242 242	#CBF2F2

#49D2D2 #5ED7D7 #74DCDC #8AE2E2 #9FE7E7 #B5ECEC #CBF2F2

#49D2D2 - #CBF2F2

Mezcla HSV

#49D2D2 - #CBF2F2 | 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 #49D2D2 como 0% y #CBF2F2 como 100%.

0.0%	0.0% #49D2D2	RGB 73 210 210	#49D2D2
16.7%	16.7% #5CD7D7	RGB 92 215 215	#5CD7D7
33.3%	33.3% #70DCDC	RGB 112 220 220	#70DCDC
50.0%	50.0% #86E2E2	RGB 134 226 226	#86E2E2
66.7%	66.7% #9CE7E7	RGB 156 231 231	#9CE7E7
83.3%	83.3% #B3ECEC	RGB 179 236 236	#B3ECEC
100.0%	100.0% #CBF2F2	RGB 203 242 242	#CBF2F2

#49D2D2 #5CD7D7 #70DCDC #86E2E2 #9CE7E7 #B3ECEC #CBF2F2

#49D2D2 - #86E2E2 - #CBF2F2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49D2D2 0%, #86E2E2 50%, #CBF2F2 100%);
    background: -webkit-linear-gradient(top, #49D2D2 0%, #86E2E2 50%, #CBF2F2 100%);
    background: linear-gradient(to bottom, #49D2D2 0%, #86E2E2 50%, #CBF2F2 100%);
}
</style>