#43BDBD - #C4E7B0 | 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 #43BDBD a #C4E7B0

#43BDBD #C4E7B0

Calcule el color entre dos colores, #43BDBD y #C4E7B0. 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)

#43BDBD - #C4E7B0 | 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 #43BDBD como 0% y #C4E7B0 como 100%.

0.0%	0.0% #43BDBD	RGB 67 189 189	#43BDBD
16.7%	16.7% #58C4BA	RGB 88 196 186	#58C4BA
33.3%	33.3% #6ECBB8	RGB 110 203 184	#6ECBB8
50.0%	50.0% #83D2B6	RGB 131 210 182	#83D2B6
66.7%	66.7% #99D9B4	RGB 153 217 180	#99D9B4
83.3%	83.3% #AEE0B2	RGB 174 224 178	#AEE0B2
100.0%	100.0% #C4E7B0	RGB 196 231 176	#C4E7B0

#43BDBD #58C4BA #6ECBB8 #83D2B6 #99D9B4 #AEE0B2 #C4E7B0

#43BDBD - #C4E7B0

Mezcla HSV

#43BDBD - #C4E7B0 | 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 #43BDBD como 0% y #C4E7B0 como 100%.

0.0%	0.0% #43BDBD	RGB 67 189 189	#43BDBD
16.7%	16.7% #52C4AA	RGB 82 196 170	#52C4AA
33.3%	33.3% #63CB9B	RGB 99 203 155	#63CB9B
50.0%	50.0% #75D292	RGB 117 210 146	#75D292
66.7%	66.7% #87D98F	RGB 135 217 143	#87D98F
83.3%	83.3% #A4E09B	RGB 164 224 155	#A4E09B
100.0%	100.0% #C4E7B0	RGB 196 231 176	#C4E7B0

#43BDBD #52C4AA #63CB9B #75D292 #87D98F #A4E09B #C4E7B0

#43BDBD - #75D292 - #C4E7B0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #43BDBD 0%, #75D292 50%, #C4E7B0 100%);
    background: -webkit-linear-gradient(top, #43BDBD 0%, #75D292 50%, #C4E7B0 100%);
    background: linear-gradient(to bottom, #43BDBD 0%, #75D292 50%, #C4E7B0 100%);
}
</style>