#28B689 - #DCF69B | 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 #28B689 a #DCF69B

#28B689 #DCF69B

Calcule el color entre dos colores, #28B689 y #DCF69B. 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)

#28B689 - #DCF69B | 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 #28B689 como 0% y #DCF69B como 100%.

0.0%	0.0% #28B689	RGB 40 182 137	#28B689
16.7%	16.7% #46C08C	RGB 70 192 140	#46C08C
33.3%	33.3% #64CB8F	RGB 100 203 143	#64CB8F
50.0%	50.0% #82D692	RGB 130 214 146	#82D692
66.7%	66.7% #A0E095	RGB 160 224 149	#A0E095
83.3%	83.3% #BEEB98	RGB 190 235 152	#BEEB98
100.0%	100.0% #DCF69B	RGB 220 246 155	#DCF69B

#28B689 #46C08C #64CB8F #82D692 #A0E095 #BEEB98 #DCF69B

#28B689 - #DCF69B

Mezcla HSV

#28B689 - #DCF69B | 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 #28B689 como 0% y #DCF69B como 100%.

0.0%	0.0% #27B689	RGB 39 182 137	#27B689
16.7%	16.7% #37C075	RGB 55 192 117	#37C075
33.3%	33.3% #48CB64	RGB 72 203 100	#48CB64
50.0%	50.0% #5CD65A	RGB 92 214 90	#5CD65A
66.7%	66.7% #8BE06E	RGB 139 224 110	#8BE06E
83.3%	83.3% #B5EB84	RGB 181 235 132	#B5EB84
100.0%	100.0% #DCF69B	RGB 220 246 155	#DCF69B

#27B689 #37C075 #48CB64 #5CD65A #8BE06E #B5EB84 #DCF69B

#28B689 - #5CD65A - #DCF69B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27B689 0%, #5CD65A 50%, #DCF69B 100%);
    background: -webkit-linear-gradient(top, #27B689 0%, #5CD65A 50%, #DCF69B 100%);
    background: linear-gradient(to bottom, #27B689 0%, #5CD65A 50%, #DCF69B 100%);
}
</style>