#249090 - #C0DFDF | 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 #249090 a #C0DFDF

#249090 #C0DFDF

Calcule el color entre dos colores, #249090 y #C0DFDF. 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)

#249090 - #C0DFDF | 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 #249090 como 0% y #C0DFDF como 100%.

0.0%	0.0% #249090	RGB 36 144 144	#249090
16.7%	16.7% #3E9D9D	RGB 62 157 157	#3E9D9D
33.3%	33.3% #58AAAA	RGB 88 170 170	#58AAAA
50.0%	50.0% #72B7B7	RGB 114 183 183	#72B7B7
66.7%	66.7% #8CC4C4	RGB 140 196 196	#8CC4C4
83.3%	83.3% #A6D1D1	RGB 166 209 209	#A6D1D1
100.0%	100.0% #C0DFDF	RGB 192 223 223	#C0DFDF

#249090 #3E9D9D #58AAAA #72B7B7 #8CC4C4 #A6D1D1 #C0DFDF

#249090 - #C0DFDF

Mezcla HSV

#249090 - #C0DFDF | 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 #249090 como 0% y #C0DFDF como 100%.

0.0%	0.0% #249090	RGB 36 144 144	#249090
16.7%	16.7% #379D9D	RGB 55 157 157	#379D9D
33.3%	33.3% #4DAAAA	RGB 77 170 170	#4DAAAA
50.0%	50.0% #65B7B7	RGB 101 183 183	#65B7B7
66.7%	66.7% #81C4C4	RGB 129 196 196	#81C4C4
83.3%	83.3% #9FD1D1	RGB 159 209 209	#9FD1D1
100.0%	100.0% #C0DFDF	RGB 192 223 223	#C0DFDF

#249090 #379D9D #4DAAAA #65B7B7 #81C4C4 #9FD1D1 #C0DFDF

#249090 - #65B7B7 - #C0DFDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #249090 0%, #65B7B7 50%, #C0DFDF 100%);
    background: -webkit-linear-gradient(top, #249090 0%, #65B7B7 50%, #C0DFDF 100%);
    background: linear-gradient(to bottom, #249090 0%, #65B7B7 50%, #C0DFDF 100%);
}
</style>