#1AA67B - #BDEBAC | 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 #1AA67B a #BDEBAC

#1AA67B #BDEBAC

Calcule el color entre dos colores, #1AA67B y #BDEBAC. 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)

#1AA67B - #BDEBAC | 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 #1AA67B como 0% y #BDEBAC como 100%.

0.0%	0.0% #1AA67B	RGB 26 166 123	#1AA67B
16.7%	16.7% #35B183	RGB 53 177 131	#35B183
33.3%	33.3% #50BD8B	RGB 80 189 139	#50BD8B
50.0%	50.0% #6BC893	RGB 107 200 147	#6BC893
66.7%	66.7% #86D49B	RGB 134 212 155	#86D49B
83.3%	83.3% #A1DFA3	RGB 161 223 163	#A1DFA3
100.0%	100.0% #BDEBAC	RGB 189 235 172	#BDEBAC

#1AA67B #35B183 #50BD8B #6BC893 #86D49B #A1DFA3 #BDEBAC

#1AA67B - #BDEBAC

Mezcla HSV

#1AA67B - #BDEBAC | 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 #1AA67B como 0% y #BDEBAC como 100%.

0.0%	0.0% #1AA67B	RGB 26 166 123	#1AA67B
16.7%	16.7% #2CB173	RGB 44 177 115	#2CB173
33.3%	33.3% #41BD6F	RGB 65 189 111	#41BD6F
50.0%	50.0% #59C870	RGB 89 200 112	#59C870
66.7%	66.7% #72D477	RGB 114 212 119	#72D477
83.3%	83.3% #97DF8E	RGB 151 223 142	#97DF8E
100.0%	100.0% #BDEBAC	RGB 189 235 172	#BDEBAC

#1AA67B #2CB173 #41BD6F #59C870 #72D477 #97DF8E #BDEBAC

#1AA67B - #59C870 - #BDEBAC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AA67B 0%, #59C870 50%, #BDEBAC 100%);
    background: -webkit-linear-gradient(top, #1AA67B 0%, #59C870 50%, #BDEBAC 100%);
    background: linear-gradient(to bottom, #1AA67B 0%, #59C870 50%, #BDEBAC 100%);
}
</style>