#3E897B - #C7DDD9 | 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 #3E897B a #C7DDD9

#3E897B #C7DDD9

Calcule el color entre dos colores, #3E897B y #C7DDD9. 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)

#3E897B - #C7DDD9 | 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 #3E897B como 0% y #C7DDD9 como 100%.

0.0%	0.0% #3E897B	RGB 62 137 123	#3E897B
16.7%	16.7% #54978A	RGB 84 151 138	#54978A
33.3%	33.3% #6BA59A	RGB 107 165 154	#6BA59A
50.0%	50.0% #82B3AA	RGB 130 179 170	#82B3AA
66.7%	66.7% #99C1B9	RGB 153 193 185	#99C1B9
83.3%	83.3% #B0CFC9	RGB 176 207 201	#B0CFC9
100.0%	100.0% #C7DDD9	RGB 199 221 217	#C7DDD9

#3E897B #54978A #6BA59A #82B3AA #99C1B9 #B0CFC9 #C7DDD9

#3E897B - #C7DDD9

Mezcla HSV

#3E897B - #C7DDD9 | 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 #3E897B como 0% y #C7DDD9 como 100%.

0.0%	0.0% #3E897B	RGB 62 137 123	#3E897B
16.7%	16.7% #4F9789	RGB 79 151 137	#4F9789
33.3%	33.3% #63A598	RGB 99 165 152	#63A598
50.0%	50.0% #79B3A8	RGB 121 179 168	#79B3A8
66.7%	66.7% #90C1B8	RGB 144 193 184	#90C1B8
83.3%	83.3% #AACFC8	RGB 170 207 200	#AACFC8
100.0%	100.0% #C7DDD9	RGB 199 221 217	#C7DDD9

#3E897B #4F9789 #63A598 #79B3A8 #90C1B8 #AACFC8 #C7DDD9

#3E897B - #79B3A8 - #C7DDD9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E897B 0%, #79B3A8 50%, #C7DDD9 100%);
    background: -webkit-linear-gradient(top, #3E897B 0%, #79B3A8 50%, #C7DDD9 100%);
    background: linear-gradient(to bottom, #3E897B 0%, #79B3A8 50%, #C7DDD9 100%);
}
</style>