#2FBC89 - #C3EBDD | 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 #2FBC89 a #C3EBDD

#2FBC89 #C3EBDD

Calcule el color entre dos colores, #2FBC89 y #C3EBDD. 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)

#2FBC89 - #C3EBDD | 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 #2FBC89 como 0% y #C3EBDD como 100%.

0.0%	0.0% #2FBC89	RGB 47 188 137	#2FBC89
16.7%	16.7% #47C397	RGB 71 195 151	#47C397
33.3%	33.3% #60CBA5	RGB 96 203 165	#60CBA5
50.0%	50.0% #79D3B3	RGB 121 211 179	#79D3B3
66.7%	66.7% #91DBC1	RGB 145 219 193	#91DBC1
83.3%	83.3% #AAE3CF	RGB 170 227 207	#AAE3CF
100.0%	100.0% #C3EBDD	RGB 195 235 221	#C3EBDD

#2FBC89 #47C397 #60CBA5 #79D3B3 #91DBC1 #AAE3CF #C3EBDD

#2FBC89 - #C3EBDD

Mezcla HSV

#2FBC89 - #C3EBDD | 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 #2FBC89 como 0% y #C3EBDD como 100%.

0.0%	0.0% #2FBC89	RGB 47 188 137	#2FBC89
16.7%	16.7% #43C395	RGB 67 195 149	#43C395
33.3%	33.3% #5ACBA3	RGB 90 203 163	#5ACBA3
50.0%	50.0% #72D3B0	RGB 114 211 176	#72D3B0
66.7%	66.7% #8BDBBF	RGB 139 219 191	#8BDBBF
83.3%	83.3% #A6E3CD	RGB 166 227 205	#A6E3CD
100.0%	100.0% #C3EBDD	RGB 195 235 221	#C3EBDD

#2FBC89 #43C395 #5ACBA3 #72D3B0 #8BDBBF #A6E3CD #C3EBDD

#2FBC89 - #72D3B0 - #C3EBDD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBC89 0%, #72D3B0 50%, #C3EBDD 100%);
    background: -webkit-linear-gradient(top, #2FBC89 0%, #72D3B0 50%, #C3EBDD 100%);
    background: linear-gradient(to bottom, #2FBC89 0%, #72D3B0 50%, #C3EBDD 100%);
}
</style>