#4B9E95 - #BCD89E | 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 #4B9E95 a #BCD89E

#4B9E95 #BCD89E

Calcule el color entre dos colores, #4B9E95 y #BCD89E. 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)

#4B9E95 - #BCD89E | 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 #4B9E95 como 0% y #BCD89E como 100%.

0.0%	0.0% #4B9E95	RGB 75 158 149	#4B9E95
16.7%	16.7% #5DA796	RGB 93 167 150	#5DA796
33.3%	33.3% #70B198	RGB 112 177 152	#70B198
50.0%	50.0% #83BB99	RGB 131 187 153	#83BB99
66.7%	66.7% #96C49B	RGB 150 196 155	#96C49B
83.3%	83.3% #A9CE9C	RGB 169 206 156	#A9CE9C
100.0%	100.0% #BCD89E	RGB 188 216 158	#BCD89E

#4B9E95 #5DA796 #70B198 #83BB99 #96C49B #A9CE9C #BCD89E

#4B9E95 - #BCD89E

Mezcla HSV

#4B9E95 - #BCD89E | 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 #4B9E95 como 0% y #BCD89E como 100%.

0.0%	0.0% #4B9E95	RGB 75 158 149	#4B9E95
16.7%	16.7% #56A78B	RGB 86 167 139	#56A78B
33.3%	33.3% #63B184	RGB 99 177 132	#63B184
50.0%	50.0% #70BB7E	RGB 112 187 126	#70BB7E
66.7%	66.7% #82C47F	RGB 130 196 127	#82C47F
83.3%	83.3% #A0CE8E	RGB 160 206 142	#A0CE8E
100.0%	100.0% #BCD89E	RGB 188 216 158	#BCD89E

#4B9E95 #56A78B #63B184 #70BB7E #82C47F #A0CE8E #BCD89E

#4B9E95 - #70BB7E - #BCD89E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B9E95 0%, #70BB7E 50%, #BCD89E 100%);
    background: -webkit-linear-gradient(top, #4B9E95 0%, #70BB7E 50%, #BCD89E 100%);
    background: linear-gradient(to bottom, #4B9E95 0%, #70BB7E 50%, #BCD89E 100%);
}
</style>