#66BAAB - #8BFFAD | 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 #66BAAB a #8BFFAD

#66BAAB #8BFFAD

Calcule el color entre dos colores, #66BAAB y #8BFFAD. 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)

#66BAAB - #8BFFAD | 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 #66BAAB como 0% y #8BFFAD como 100%.

0.0%	0.0% #66BAAB	RGB 102 186 171	#66BAAB
16.7%	16.7% #6CC5AB	RGB 108 197 171	#6CC5AB
33.3%	33.3% #72D1AB	RGB 114 209 171	#72D1AB
50.0%	50.0% #78DCAC	RGB 120 220 172	#78DCAC
66.7%	66.7% #7EE8AC	RGB 126 232 172	#7EE8AC
83.3%	83.3% #84F3AC	RGB 132 243 172	#84F3AC
100.0%	100.0% #8BFFAD	RGB 139 255 173	#8BFFAD

#66BAAB #6CC5AB #72D1AB #78DCAC #7EE8AC #84F3AC #8BFFAD

#66BAAB - #8BFFAD

Mezcla HSV

#66BAAB - #8BFFAD | 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 #66BAAB como 0% y #8BFFAD como 100%.

0.0%	0.0% #66BAAB	RGB 102 186 171	#66BAAB
16.7%	16.7% #6CC5AD	RGB 108 197 173	#6CC5AD
33.3%	33.3% #72D1AF	RGB 114 209 175	#72D1AF
50.0%	50.0% #78DCB0	RGB 120 220 176	#78DCB0
66.7%	66.7% #7EE8B0	RGB 126 232 176	#7EE8B0
83.3%	83.3% #84F3AF	RGB 132 243 175	#84F3AF
100.0%	100.0% #8BFFAD	RGB 139 255 173	#8BFFAD

#66BAAB #6CC5AD #72D1AF #78DCB0 #7EE8B0 #84F3AF #8BFFAD

#66BAAB - #78DCB0 - #8BFFAD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #66BAAB 0%, #78DCB0 50%, #8BFFAD 100%);
    background: -webkit-linear-gradient(top, #66BAAB 0%, #78DCB0 50%, #8BFFAD 100%);
    background: linear-gradient(to bottom, #66BAAB 0%, #78DCB0 50%, #8BFFAD 100%);
}
</style>