#24AB9D - #BDECA6 | 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 #24AB9D a #BDECA6

#24AB9D #BDECA6

Calcule el color entre dos colores, #24AB9D y #BDECA6. 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)

#24AB9D - #BDECA6 | 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 #24AB9D como 0% y #BDECA6 como 100%.

0.0%	0.0% #24AB9D	RGB 36 171 157	#24AB9D
16.7%	16.7% #3DB59E	RGB 61 181 158	#3DB59E
33.3%	33.3% #57C0A0	RGB 87 192 160	#57C0A0
50.0%	50.0% #70CBA1	RGB 112 203 161	#70CBA1
66.7%	66.7% #8AD6A3	RGB 138 214 163	#8AD6A3
83.3%	83.3% #A3E1A4	RGB 163 225 164	#A3E1A4
100.0%	100.0% #BDECA6	RGB 189 236 166	#BDECA6

#24AB9D #3DB59E #57C0A0 #70CBA1 #8AD6A3 #A3E1A4 #BDECA6

#24AB9D - #BDECA6

Mezcla HSV

#24AB9D - #BDECA6 | 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 #24AB9D como 0% y #BDECA6 como 100%.

0.0%	0.0% #24AB9D	RGB 36 171 157	#24AB9D
16.7%	16.7% #35B58E	RGB 53 181 142	#35B58E
33.3%	33.3% #48C082	RGB 72 192 130	#48C082
50.0%	50.0% #5CCB7C	RGB 92 203 124	#5CCB7C
66.7%	66.7% #73D67B	RGB 115 214 123	#73D67B
83.3%	83.3% #96E18B	RGB 150 225 139	#96E18B
100.0%	100.0% #BDECA6	RGB 189 236 166	#BDECA6

#24AB9D #35B58E #48C082 #5CCB7C #73D67B #96E18B #BDECA6

#24AB9D - #5CCB7C - #BDECA6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24AB9D 0%, #5CCB7C 50%, #BDECA6 100%);
    background: -webkit-linear-gradient(top, #24AB9D 0%, #5CCB7C 50%, #BDECA6 100%);
    background: linear-gradient(to bottom, #24AB9D 0%, #5CCB7C 50%, #BDECA6 100%);
}
</style>