#47D2D2 - #00A7A6 | 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 #47D2D2 a #00A7A6

#47D2D2 #00A7A6

Calcule el color entre dos colores, #47D2D2 y #00A7A6. 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)

#47D2D2 - #00A7A6 | 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 #47D2D2 como 0% y #00A7A6 como 100%.

0.0%	0.0% #47D2D2	RGB 71 210 210	#47D2D2
16.7%	16.7% #3BCACA	RGB 59 202 202	#3BCACA
33.3%	33.3% #2FC3C3	RGB 47 195 195	#2FC3C3
50.0%	50.0% #23BCBC	RGB 35 188 188	#23BCBC
66.7%	66.7% #17B5B4	RGB 23 181 180	#17B5B4
83.3%	83.3% #0BAEAD	RGB 11 174 173	#0BAEAD
100.0%	100.0% #00A7A6	RGB 0 167 166	#00A7A6

#47D2D2 #3BCACA #2FC3C3 #23BCBC #17B5B4 #0BAEAD #00A7A6

#47D2D2 - #00A7A6

Mezcla HSV

#47D2D2 - #00A7A6 | 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 #47D2D2 como 0% y #00A7A6 como 100%.

0.0%	0.0% #47D2D2	RGB 71 210 210	#47D2D2
16.7%	16.7% #39CACA	RGB 57 202 202	#39CACA
33.3%	33.3% #2CC3C3	RGB 44 195 195	#2CC3C3
50.0%	50.0% #1FBCBC	RGB 31 188 188	#1FBCBC
66.7%	66.7% #14B5B4	RGB 20 181 180	#14B5B4
83.3%	83.3% #09AEAD	RGB 9 174 173	#09AEAD
100.0%	100.0% #00A7A6	RGB 0 167 166	#00A7A6

#47D2D2 #39CACA #2CC3C3 #1FBCBC #14B5B4 #09AEAD #00A7A6

#47D2D2 - #1FBCBC - #00A7A6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47D2D2 0%, #1FBCBC 50%, #00A7A6 100%);
    background: -webkit-linear-gradient(top, #47D2D2 0%, #1FBCBC 50%, #00A7A6 100%);
    background: linear-gradient(to bottom, #47D2D2 0%, #1FBCBC 50%, #00A7A6 100%);
}
</style>