#6FD2D2 - #09A6A5 | 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 #6FD2D2 a #09A6A5

#6FD2D2 #09A6A5

Calcule el color entre dos colores, #6FD2D2 y #09A6A5. 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)

#6FD2D2 - #09A6A5 | 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 #6FD2D2 como 0% y #09A6A5 como 100%.

0.0%	0.0% #6FD2D2	RGB 111 210 210	#6FD2D2
16.7%	16.7% #5ECACA	RGB 94 202 202	#5ECACA
33.3%	33.3% #4DC3C3	RGB 77 195 195	#4DC3C3
50.0%	50.0% #3CBCBB	RGB 60 188 187	#3CBCBB
66.7%	66.7% #2BB4B4	RGB 43 180 180	#2BB4B4
83.3%	83.3% #1AADAC	RGB 26 173 172	#1AADAC
100.0%	100.0% #09A6A5	RGB 9 166 165	#09A6A5

#6FD2D2 #5ECACA #4DC3C3 #3CBCBB #2BB4B4 #1AADAC #09A6A5

#6FD2D2 - #09A6A5

Mezcla HSV

#6FD2D2 - #09A6A5 | 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 #6FD2D2 como 0% y #09A6A5 como 100%.

0.0%	0.0% #6FD2D2	RGB 111 210 210	#6FD2D2
16.7%	16.7% #5BCACA	RGB 91 202 202	#5BCACA
33.3%	33.3% #48C3C3	RGB 72 195 195	#48C3C3
50.0%	50.0% #36BCBB	RGB 54 188 187	#36BCBB
66.7%	66.7% #26B4B4	RGB 38 180 180	#26B4B4
83.3%	83.3% #17ADAC	RGB 23 173 172	#17ADAC
100.0%	100.0% #09A6A5	RGB 9 166 165	#09A6A5

#6FD2D2 #5BCACA #48C3C3 #36BCBB #26B4B4 #17ADAC #09A6A5

#6FD2D2 - #36BCBB - #09A6A5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6FD2D2 0%, #36BCBB 50%, #09A6A5 100%);
    background: -webkit-linear-gradient(top, #6FD2D2 0%, #36BCBB 50%, #09A6A5 100%);
    background: linear-gradient(to bottom, #6FD2D2 0%, #36BCBB 50%, #09A6A5 100%);
}
</style>