#AAE4E4 - #304141 | 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 #AAE4E4 a #304141

#AAE4E4 #304141

Calcule el color entre dos colores, #AAE4E4 y #304141. 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)

#AAE4E4 - #304141 | 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 #AAE4E4 como 0% y #304141 como 100%.

0.0%	0.0% #AAE4E4	RGB 170 228 228	#AAE4E4
16.7%	16.7% #95C8C8	RGB 149 200 200	#95C8C8
33.3%	33.3% #81ADAD	RGB 129 173 173	#81ADAD
50.0%	50.0% #6D9292	RGB 109 146 146	#6D9292
66.7%	66.7% #587777	RGB 88 119 119	#587777
83.3%	83.3% #445C5C	RGB 68 92 92	#445C5C
100.0%	100.0% #304141	RGB 48 65 65	#304141

#AAE4E4 #95C8C8 #81ADAD #6D9292 #587777 #445C5C #304141

#AAE4E4 - #304141

Mezcla HSV

#AAE4E4 - #304141 | 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 #AAE4E4 como 0% y #304141 como 100%.

0.0%	0.0% #AAE4E4	RGB 170 228 228	#AAE4E4
16.7%	16.7% #95C8C8	RGB 149 200 200	#95C8C8
33.3%	33.3% #81ADAD	RGB 129 173 173	#81ADAD
50.0%	50.0% #6C9292	RGB 108 146 146	#6C9292
66.7%	66.7% #587777	RGB 88 119 119	#587777
83.3%	83.3% #445C5C	RGB 68 92 92	#445C5C
100.0%	100.0% #304141	RGB 48 65 65	#304141

#AAE4E4 #95C8C8 #81ADAD #6C9292 #587777 #445C5C #304141

#AAE4E4 - #6C9292 - #304141

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAE4E4 0%, #6C9292 50%, #304141 100%);
    background: -webkit-linear-gradient(top, #AAE4E4 0%, #6C9292 50%, #304141 100%);
    background: linear-gradient(to bottom, #AAE4E4 0%, #6C9292 50%, #304141 100%);
}
</style>