#2DCEA3 - #009E6F | 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 #2DCEA3 a #009E6F

#2DCEA3 #009E6F

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

#2DCEA3 - #009E6F | 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 #2DCEA3 como 0% y #009E6F como 100%.

0.0%	0.0% #2DCEA3	RGB 45 206 163	#2DCEA3
16.7%	16.7% #25C69A	RGB 37 198 154	#25C69A
33.3%	33.3% #1EBE91	RGB 30 190 145	#1EBE91
50.0%	50.0% #16B689	RGB 22 182 137	#16B689
66.7%	66.7% #0EAE80	RGB 14 174 128	#0EAE80
83.3%	83.3% #07A677	RGB 7 166 119	#07A677
100.0%	100.0% #009E6F	RGB 0 158 111	#009E6F

#2DCEA3 #25C69A #1EBE91 #16B689 #0EAE80 #07A677 #009E6F

#2DCEA3 - #009E6F

Mezcla HSV

#2DCEA3 - #009E6F | 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 #2DCEA3 como 0% y #009E6F como 100%.

0.0%	0.0% #2DCEA3	RGB 45 206 163	#2DCEA3
16.7%	16.7% #24C699	RGB 36 198 153	#24C699
33.3%	33.3% #1BBE91	RGB 27 190 145	#1BBE91
50.0%	50.0% #13B688	RGB 19 182 136	#13B688
66.7%	66.7% #0CAE7F	RGB 12 174 127	#0CAE7F
83.3%	83.3% #06A677	RGB 6 166 119	#06A677
100.0%	100.0% #009E6F	RGB 0 158 111	#009E6F

#2DCEA3 #24C699 #1BBE91 #13B688 #0CAE7F #06A677 #009E6F

#2DCEA3 - #13B688 - #009E6F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DCEA3 0%, #13B688 50%, #009E6F 100%);
    background: -webkit-linear-gradient(top, #2DCEA3 0%, #13B688 50%, #009E6F 100%);
    background: linear-gradient(to bottom, #2DCEA3 0%, #13B688 50%, #009E6F 100%);
}
</style>