#C9EEEE - #394444 | 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 #C9EEEE a #394444

#C9EEEE #394444

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

#C9EEEE - #394444 | 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 #C9EEEE como 0% y #394444 como 100%.

0.0%	0.0% #C9EEEE	RGB 201 238 238	#C9EEEE
16.7%	16.7% #B1D1D1	RGB 177 209 209	#B1D1D1
33.3%	33.3% #99B5B5	RGB 153 181 181	#99B5B5
50.0%	50.0% #819999	RGB 129 153 153	#819999
66.7%	66.7% #697C7C	RGB 105 124 124	#697C7C
83.3%	83.3% #516060	RGB 81 96 96	#516060
100.0%	100.0% #394444	RGB 57 68 68	#394444

#C9EEEE #B1D1D1 #99B5B5 #819999 #697C7C #516060 #394444

#C9EEEE - #394444

Mezcla HSV

#C9EEEE - #394444 | 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 #C9EEEE como 0% y #394444 como 100%.

0.0%	0.0% #C9EEEE	RGB 201 238 238	#C9EEEE
16.7%	16.7% #B0D1D1	RGB 176 209 209	#B0D1D1
33.3%	33.3% #98B5B5	RGB 152 181 181	#98B5B5
50.0%	50.0% #809999	RGB 128 153 153	#809999
66.7%	66.7% #687C7C	RGB 104 124 124	#687C7C
83.3%	83.3% #506060	RGB 80 96 96	#506060
100.0%	100.0% #394444	RGB 57 68 68	#394444

#C9EEEE #B0D1D1 #98B5B5 #809999 #687C7C #506060 #394444

#C9EEEE - #809999 - #394444

Códigos CSS

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

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