#28B9B9 - #BCEEB0 | 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 #28B9B9 a #BCEEB0

#28B9B9 #BCEEB0

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

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

0.0%	0.0% #28B9B9	RGB 40 185 185	#28B9B9
16.7%	16.7% #40C1B7	RGB 64 193 183	#40C1B7
33.3%	33.3% #59CAB6	RGB 89 202 182	#59CAB6
50.0%	50.0% #72D3B4	RGB 114 211 180	#72D3B4
66.7%	66.7% #8ADCB3	RGB 138 220 179	#8ADCB3
83.3%	83.3% #A3E5B1	RGB 163 229 177	#A3E5B1
100.0%	100.0% #BCEEB0	RGB 188 238 176	#BCEEB0

#28B9B9 #40C1B7 #59CAB6 #72D3B4 #8ADCB3 #A3E5B1 #BCEEB0

#28B9B9 - #BCEEB0

Mezcla HSV

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

0.0%	0.0% #27B9B9	RGB 39 185 185	#27B9B9
16.7%	16.7% #3AC1A6	RGB 58 193 166	#3AC1A6
33.3%	33.3% #4FCA99	RGB 79 202 153	#4FCA99
50.0%	50.0% #65D391	RGB 101 211 145	#65D391
66.7%	66.7% #7CDC90	RGB 124 220 144	#7CDC90
83.3%	83.3% #95E595	RGB 149 229 149	#95E595
100.0%	100.0% #BCEEB0	RGB 188 238 176	#BCEEB0

#27B9B9 #3AC1A6 #4FCA99 #65D391 #7CDC90 #95E595 #BCEEB0

#28B9B9 - #65D391 - #BCEEB0

Códigos CSS

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

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