#42A6A6 - #B8DDA8 | 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 #42A6A6 a #B8DDA8

#42A6A6 #B8DDA8

Calcule el color entre dos colores, #42A6A6 y #B8DDA8. 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)

#42A6A6 - #B8DDA8 | 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 #42A6A6 como 0% y #B8DDA8 como 100%.

0.0%	0.0% #42A6A6	RGB 66 166 166	#42A6A6
16.7%	16.7% #55AFA6	RGB 85 175 166	#55AFA6
33.3%	33.3% #69B8A6	RGB 105 184 166	#69B8A6
50.0%	50.0% #7DC1A7	RGB 125 193 167	#7DC1A7
66.7%	66.7% #90CAA7	RGB 144 202 167	#90CAA7
83.3%	83.3% #A4D3A7	RGB 164 211 167	#A4D3A7
100.0%	100.0% #B8DDA8	RGB 184 221 168	#B8DDA8

#42A6A6 #55AFA6 #69B8A6 #7DC1A7 #90CAA7 #A4D3A7 #B8DDA8

#42A6A6 - #B8DDA8

Mezcla HSV

#42A6A6 - #B8DDA8 | 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 #42A6A6 como 0% y #B8DDA8 como 100%.

0.0%	0.0% #42A6A6	RGB 66 166 166	#42A6A6
16.7%	16.7% #50AF9A	RGB 80 175 154	#50AF9A
33.3%	33.3% #5FB891	RGB 95 184 145	#5FB891
50.0%	50.0% #70C18C	RGB 112 193 140	#70C18C
66.7%	66.7% #81CA8B	RGB 129 202 139	#81CA8B
83.3%	83.3% #99D394	RGB 153 211 148	#99D394
100.0%	100.0% #B8DDA8	RGB 184 221 168	#B8DDA8

#42A6A6 #50AF9A #5FB891 #70C18C #81CA8B #99D394 #B8DDA8

#42A6A6 - #70C18C - #B8DDA8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42A6A6 0%, #70C18C 50%, #B8DDA8 100%);
    background: -webkit-linear-gradient(top, #42A6A6 0%, #70C18C 50%, #B8DDA8 100%);
    background: linear-gradient(to bottom, #42A6A6 0%, #70C18C 50%, #B8DDA8 100%);
}
</style>