#55AAAA - #CEE6E6 | 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 #55AAAA a #CEE6E6

#55AAAA #CEE6E6

Calcule el color entre dos colores, #55AAAA y #CEE6E6. 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)

#55AAAA - #CEE6E6 | 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 #55AAAA como 0% y #CEE6E6 como 100%.

0.0%	0.0% #55AAAA	RGB 85 170 170	#55AAAA
16.7%	16.7% #69B4B4	RGB 105 180 180	#69B4B4
33.3%	33.3% #7DBEBE	RGB 125 190 190	#7DBEBE
50.0%	50.0% #91C8C8	RGB 145 200 200	#91C8C8
66.7%	66.7% #A5D2D2	RGB 165 210 210	#A5D2D2
83.3%	83.3% #B9DCDC	RGB 185 220 220	#B9DCDC
100.0%	100.0% #CEE6E6	RGB 206 230 230	#CEE6E6

#55AAAA #69B4B4 #7DBEBE #91C8C8 #A5D2D2 #B9DCDC #CEE6E6

#55AAAA - #CEE6E6

Mezcla HSV

#55AAAA - #CEE6E6 | 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 #55AAAA como 0% y #CEE6E6 como 100%.

0.0%	0.0% #55AAAA	RGB 85 170 170	#55AAAA
16.7%	16.7% #65B4B4	RGB 101 180 180	#65B4B4
33.3%	33.3% #78BEBE	RGB 120 190 190	#78BEBE
50.0%	50.0% #8BC8C8	RGB 139 200 200	#8BC8C8
66.7%	66.7% #A0D2D2	RGB 160 210 210	#A0D2D2
83.3%	83.3% #B6DCDC	RGB 182 220 220	#B6DCDC
100.0%	100.0% #CEE6E6	RGB 206 230 230	#CEE6E6

#55AAAA #65B4B4 #78BEBE #8BC8C8 #A0D2D2 #B6DCDC #CEE6E6

#55AAAA - #8BC8C8 - #CEE6E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #55AAAA 0%, #8BC8C8 50%, #CEE6E6 100%);
    background: -webkit-linear-gradient(top, #55AAAA 0%, #8BC8C8 50%, #CEE6E6 100%);
    background: linear-gradient(to bottom, #55AAAA 0%, #8BC8C8 50%, #CEE6E6 100%);
}
</style>