#669BBA - #8BFFEB | 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 #669BBA a #8BFFEB

#669BBA #8BFFEB

Calcule el color entre dos colores, #669BBA y #8BFFEB. 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)

#669BBA - #8BFFEB | 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 #669BBA como 0% y #8BFFEB como 100%.

0.0%	0.0% #669BBA	RGB 102 155 186	#669BBA
16.7%	16.7% #6CABC2	RGB 108 171 194	#6CABC2
33.3%	33.3% #72BCCA	RGB 114 188 202	#72BCCA
50.0%	50.0% #78CDD2	RGB 120 205 210	#78CDD2
66.7%	66.7% #7EDDDA	RGB 126 221 218	#7EDDDA
83.3%	83.3% #84EEE2	RGB 132 238 226	#84EEE2
100.0%	100.0% #8BFFEB	RGB 139 255 235	#8BFFEB

#669BBA #6CABC2 #72BCCA #78CDD2 #7EDDDA #84EEE2 #8BFFEB

#669BBA - #8BFFEB

Mezcla HSV

#669BBA - #8BFFEB | 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 #669BBA como 0% y #8BFFEB como 100%.

0.0%	0.0% #669BBA	RGB 102 155 186	#669BBA
16.7%	16.7% #6CACC5	RGB 108 172 197	#6CACC5
33.3%	33.3% #72BFD1	RGB 114 191 209	#72BFD1
50.0%	50.0% #78D2DC	RGB 120 210 220	#78D2DC
66.7%	66.7% #7EE7E8	RGB 126 231 232	#7EE7E8
83.3%	83.3% #84F3EA	RGB 132 243 234	#84F3EA
100.0%	100.0% #8BFFEB	RGB 139 255 235	#8BFFEB

#669BBA #6CACC5 #72BFD1 #78D2DC #7EE7E8 #84F3EA #8BFFEB

#669BBA - #78D2DC - #8BFFEB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #669BBA 0%, #78D2DC 50%, #8BFFEB 100%);
    background: -webkit-linear-gradient(top, #669BBA 0%, #78D2DC 50%, #8BFFEB 100%);
    background: linear-gradient(to bottom, #669BBA 0%, #78D2DC 50%, #8BFFEB 100%);
}
</style>