#6DB7B7 - #C7DCAE | 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 #6DB7B7 a #C7DCAE

#6DB7B7 #C7DCAE

Calcule el color entre dos colores, #6DB7B7 y #C7DCAE. 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)

#6DB7B7 - #C7DCAE | 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 #6DB7B7 como 0% y #C7DCAE como 100%.

0.0%	0.0% #6DB7B7	RGB 109 183 183	#6DB7B7
16.7%	16.7% #7CBDB5	RGB 124 189 181	#7CBDB5
33.3%	33.3% #8BC3B4	RGB 139 195 180	#8BC3B4
50.0%	50.0% #9AC9B2	RGB 154 201 178	#9AC9B2
66.7%	66.7% #A9CFB1	RGB 169 207 177	#A9CFB1
83.3%	83.3% #B8D5AF	RGB 184 213 175	#B8D5AF
100.0%	100.0% #C7DCAE	RGB 199 220 174	#C7DCAE

#6DB7B7 #7CBDB5 #8BC3B4 #9AC9B2 #A9CFB1 #B8D5AF #C7DCAE

#6DB7B7 - #C7DCAE

Mezcla HSV

#6DB7B7 - #C7DCAE | 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 #6DB7B7 como 0% y #C7DCAE como 100%.

0.0%	0.0% #6DB7B7	RGB 109 183 183	#6DB7B7
16.7%	16.7% #76BDAB	RGB 118 189 171	#76BDAB
33.3%	33.3% #81C3A1	RGB 129 195 161	#81C3A1
50.0%	50.0% #8BC999	RGB 139 201 153	#8BC999
66.7%	66.7% #98CF96	RGB 152 207 150	#98CF96
83.3%	83.3% #B0D5A2	RGB 176 213 162	#B0D5A2
100.0%	100.0% #C7DCAE	RGB 199 220 174	#C7DCAE

#6DB7B7 #76BDAB #81C3A1 #8BC999 #98CF96 #B0D5A2 #C7DCAE

#6DB7B7 - #8BC999 - #C7DCAE

Códigos CSS

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

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