#359F9F - #C5E3E3 | 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 #359F9F a #C5E3E3

#359F9F #C5E3E3

Calcule el color entre dos colores, #359F9F y #C5E3E3. 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)

#359F9F - #C5E3E3 | 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 #359F9F como 0% y #C5E3E3 como 100%.

0.0%	0.0% #359F9F	RGB 53 159 159	#359F9F
16.7%	16.7% #4DAAAA	RGB 77 170 170	#4DAAAA
33.3%	33.3% #65B5B5	RGB 101 181 181	#65B5B5
50.0%	50.0% #7DC1C1	RGB 125 193 193	#7DC1C1
66.7%	66.7% #95CCCC	RGB 149 204 204	#95CCCC
83.3%	83.3% #ADD7D7	RGB 173 215 215	#ADD7D7
100.0%	100.0% #C5E3E3	RGB 197 227 227	#C5E3E3

#359F9F #4DAAAA #65B5B5 #7DC1C1 #95CCCC #ADD7D7 #C5E3E3

#359F9F - #C5E3E3

Mezcla HSV

#359F9F - #C5E3E3 | 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 #359F9F como 0% y #C5E3E3 como 100%.

0.0%	0.0% #359F9F	RGB 53 159 159	#359F9F
16.7%	16.7% #47AAAA	RGB 71 170 170	#47AAAA
33.3%	33.3% #5CB5B5	RGB 92 181 181	#5CB5B5
50.0%	50.0% #73C1C1	RGB 115 193 193	#73C1C1
66.7%	66.7% #8CCCCC	RGB 140 204 204	#8CCCCC
83.3%	83.3% #A7D7D7	RGB 167 215 215	#A7D7D7
100.0%	100.0% #C5E3E3	RGB 197 227 227	#C5E3E3

#359F9F #47AAAA #5CB5B5 #73C1C1 #8CCCCC #A7D7D7 #C5E3E3

#359F9F - #73C1C1 - #C5E3E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #359F9F 0%, #73C1C1 50%, #C5E3E3 100%);
    background: -webkit-linear-gradient(top, #359F9F 0%, #73C1C1 50%, #C5E3E3 100%);
    background: linear-gradient(to bottom, #359F9F 0%, #73C1C1 50%, #C5E3E3 100%);
}
</style>