#29BA93 - #C1EBE0 | 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 #29BA93 a #C1EBE0

#29BA93 #C1EBE0

Calcule el color entre dos colores, #29BA93 y #C1EBE0. 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)

#29BA93 - #C1EBE0 | 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 #29BA93 como 0% y #C1EBE0 como 100%.

0.0%	0.0% #29BA93	RGB 41 186 147	#29BA93
16.7%	16.7% #42C29F	RGB 66 194 159	#42C29F
33.3%	33.3% #5BCAAC	RGB 91 202 172	#5BCAAC
50.0%	50.0% #75D2B9	RGB 117 210 185	#75D2B9
66.7%	66.7% #8EDAC6	RGB 142 218 198	#8EDAC6
83.3%	83.3% #A7E2D3	RGB 167 226 211	#A7E2D3
100.0%	100.0% #C1EBE0	RGB 193 235 224	#C1EBE0

#29BA93 #42C29F #5BCAAC #75D2B9 #8EDAC6 #A7E2D3 #C1EBE0

#29BA93 - #C1EBE0

Mezcla HSV

#29BA93 - #C1EBE0 | 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 #29BA93 como 0% y #C1EBE0 como 100%.

0.0%	0.0% #29BA93	RGB 41 186 147	#29BA93
16.7%	16.7% #3EC29E	RGB 62 194 158	#3EC29E
33.3%	33.3% #55CAAB	RGB 85 202 171	#55CAAB
50.0%	50.0% #6DD2B7	RGB 109 210 183	#6DD2B7
66.7%	66.7% #87DAC4	RGB 135 218 196	#87DAC4
83.3%	83.3% #A3E2D2	RGB 163 226 210	#A3E2D2
100.0%	100.0% #C1EBE0	RGB 193 235 224	#C1EBE0

#29BA93 #3EC29E #55CAAB #6DD2B7 #87DAC4 #A3E2D2 #C1EBE0

#29BA93 - #6DD2B7 - #C1EBE0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29BA93 0%, #6DD2B7 50%, #C1EBE0 100%);
    background: -webkit-linear-gradient(top, #29BA93 0%, #6DD2B7 50%, #C1EBE0 100%);
    background: linear-gradient(to bottom, #29BA93 0%, #6DD2B7 50%, #C1EBE0 100%);
}
</style>