#DAE3E3 - #72B4B5 | 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 #DAE3E3 a #72B4B5

#DAE3E3 #72B4B5

Calcule el color entre dos colores, #DAE3E3 y #72B4B5. 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)

#DAE3E3 - #72B4B5 | 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 #DAE3E3 como 0% y #72B4B5 como 100%.

0.0%	0.0% #DAE3E3	RGB 218 227 227	#DAE3E3
16.7%	16.7% #C8DBDB	RGB 200 219 219	#C8DBDB
33.3%	33.3% #B7D3D3	RGB 183 211 211	#B7D3D3
50.0%	50.0% #A6CBCC	RGB 166 203 204	#A6CBCC
66.7%	66.7% #94C3C4	RGB 148 195 196	#94C3C4
83.3%	83.3% #83BBBC	RGB 131 187 188	#83BBBC
100.0%	100.0% #72B4B5	RGB 114 180 181	#72B4B5

#DAE3E3 #C8DBDB #B7D3D3 #A6CBCC #94C3C4 #83BBBC #72B4B5

#DAE3E3 - #72B4B5

Mezcla HSV

#DAE3E3 - #72B4B5 | 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 #DAE3E3 como 0% y #72B4B5 como 100%.

0.0%	0.0% #DAE3E3	RGB 218 227 227	#DAE3E3
16.7%	16.7% #C6DBDB	RGB 198 219 219	#C6DBDB
33.3%	33.3% #B3D3D3	RGB 179 211 211	#B3D3D3
50.0%	50.0% #A2CBCC	RGB 162 203 204	#A2CBCC
66.7%	66.7% #91C3C4	RGB 145 195 196	#91C3C4
83.3%	83.3% #81BBBC	RGB 129 187 188	#81BBBC
100.0%	100.0% #72B4B5	RGB 114 180 181	#72B4B5

#DAE3E3 #C6DBDB #B3D3D3 #A2CBCC #91C3C4 #81BBBC #72B4B5

#DAE3E3 - #A2CBCC - #72B4B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAE3E3 0%, #A2CBCC 50%, #72B4B5 100%);
    background: -webkit-linear-gradient(top, #DAE3E3 0%, #A2CBCC 50%, #72B4B5 100%);
    background: linear-gradient(to bottom, #DAE3E3 0%, #A2CBCC 50%, #72B4B5 100%);
}
</style>