#2F9490 - #C3E0DF | 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 #2F9490 a #C3E0DF

#2F9490 #C3E0DF

Calcule el color entre dos colores, #2F9490 y #C3E0DF. 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)

#2F9490 - #C3E0DF | 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 #2F9490 como 0% y #C3E0DF como 100%.

0.0%	0.0% #2F9490	RGB 47 148 144	#2F9490
16.7%	16.7% #47A09D	RGB 71 160 157	#47A09D
33.3%	33.3% #60ADAA	RGB 96 173 170	#60ADAA
50.0%	50.0% #79BAB7	RGB 121 186 183	#79BAB7
66.7%	66.7% #91C6C4	RGB 145 198 196	#91C6C4
83.3%	83.3% #AAD3D1	RGB 170 211 209	#AAD3D1
100.0%	100.0% #C3E0DF	RGB 195 224 223	#C3E0DF

#2F9490 #47A09D #60ADAA #79BAB7 #91C6C4 #AAD3D1 #C3E0DF

#2F9490 - #C3E0DF

Mezcla HSV

#2F9490 - #C3E0DF | 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 #2F9490 como 0% y #C3E0DF como 100%.

0.0%	0.0% #2F9490	RGB 47 148 144	#2F9490
16.7%	16.7% #41A09C	RGB 65 160 156	#41A09C
33.3%	33.3% #56ADAA	RGB 86 173 170	#56ADAA
50.0%	50.0% #6EBAB7	RGB 110 186 183	#6EBAB7
66.7%	66.7% #88C6C4	RGB 136 198 196	#88C6C4
83.3%	83.3% #A4D3D1	RGB 164 211 209	#A4D3D1
100.0%	100.0% #C3E0DF	RGB 195 224 223	#C3E0DF

#2F9490 #41A09C #56ADAA #6EBAB7 #88C6C4 #A4D3D1 #C3E0DF

#2F9490 - #6EBAB7 - #C3E0DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F9490 0%, #6EBAB7 50%, #C3E0DF 100%);
    background: -webkit-linear-gradient(top, #2F9490 0%, #6EBAB7 50%, #C3E0DF 100%);
    background: linear-gradient(to bottom, #2F9490 0%, #6EBAB7 50%, #C3E0DF 100%);
}
</style>